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 />;
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) => (
@ -96,12 +96,18 @@ const NotesPage = ({ projectId, searchText, onExport }) => {
</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>