Message should be inside card

This commit is contained in:
Kartik Sharma 2025-09-15 16:04:43 +05:30 committed by pramod.mahajan
parent 45bd5a7f66
commit 6bc8c65c81

View File

@ -76,7 +76,7 @@ const NotesPage = ({ projectId, searchText, onExport }) => {
if (isLoading) return <NoteCardSkeleton />; if (isLoading) return <NoteCardSkeleton />;
return ( 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?.length > 0 ? (
<> <>
{data.data.map((noteItem) => ( {data.data.map((noteItem) => (
@ -96,12 +96,18 @@ const NotesPage = ({ projectId, searchText, onExport }) => {
</div> </div>
</> </>
) : ( ) : (
<div className="text-muted text-center mt-4"> // 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 {debouncedSearch
? `No notes found matching "${searchText}"` ? `No notes found matching "${searchText}"`
: Object.keys(filters).some((k) => filters[k] && filters[k].length) : Object.keys(filters).some((k) => filters[k] && filters[k].length)
? "No notes found for the applied filters." ? "No notes found for the applied filters."
: "No notes available."} : "No notes available."}
</p>
</div> </div>
)} )}
</div> </div>