admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Message should be inside card

Browse Source
This commit is contained in:
Kartik Sharma 2025-09-15 16:04:43 +05:30
parent 94eb283b2d
commit ccecfd8067
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/Directory/NotesPage.jsx
View File

@ -47,7 +47,7 @@ const NotesPage = ({ projectId, searchText }) => {
if (isError) return <div>{error.message}</div>;
if (isLoading) return <NoteCardSkeleton/>;
return (
<div className="d-flex flex-column text-start mt-5">
<div className="d-flex flex-column text-start mt-3">
{data?.data?.length > 0 ? (
<>
{data.data.map((noteItem) => (
@ -67,12 +67,18 @@ const NotesPage = ({ projectId, searchText }) => {
</div>
</>
) : (
<div className="text-muted text-center mt-4">
{debouncedSearch
? `No notes found matching "${searchText}"`
: Object.keys(filters).some((k) => filters[k] && filters[k].length)
? "No notes found for the applied filters."
: "No notes available."}
// Card for "No notes available"
<div
className="card text-center d-flex align-items-center justify-content-center"
style={{ height: "200px" }}
>
<p className="text-muted mb-0">
{debouncedSearch
? `No notes found matching "${searchText}"`
: Object.keys(filters).some((k) => filters[k] && filters[k].length)
? "No notes found for the applied filters."
: "No notes available."}
</p>
</div>
)}
</div>