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

rebase from main

Browse Source
This commit is contained in:
pramod mahajan 2025-07-14 14:10:25 +05:30
parent 85d10e3b17
commit 50585e1fbd
1 changed files with 42 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

118
src/pages/Directory/Directory.jsx
View File

@ -353,7 +353,7 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
setOpenBucketModal={setOpenBucketModal} setOpenBucketModal={setOpenBucketModal}
contactsToExport={contacts} contactsToExport={contacts}
notesToExport={notes} notesToExport={notes}
selectedNoteNames={selectedNoteNames} selectedNoteNames={selectedNoteNames}
setSelectedNoteNames={setSelectedNoteNames} setSelectedNoteNames={setSelectedNoteNames}
notesForFilter={notes} notesForFilter={notes}
setFilterAppliedNotes={setFilterAppliedNotes} setFilterAppliedNotes={setFilterAppliedNotes}
@ -361,35 +361,25 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
</div> </div>
</div> </div>
<div className="card-minHeight mt-0"> <div className="card-minHeight mt-0">
{/* LIST VIEW */} {(viewType === "card" || viewType === "list" || viewType === "notes") && (
<div className="d-flex flex-column justify-content-center align-items-center text-center">
{!loading && (viewType === "card" || viewType === "list") && contacts?.length === 0 && (
<p className="mt-10">No contact found</p>
)}
{!loading &&
(viewType === "card" || viewType === "list") &&
contacts?.length > 0 &&
currentItems.length === 0 && (
<p className="mt-10">No matching contact found</p>
)}
</div>
)}
{viewType === "list" && ( {viewType === "list" && (
<div className="card cursor-pointer mt-3"> <div className="card cursor-pointer mt-5">
<div className="card-body p-2 pb-1" style={{ minHeight: "200px" }}> <div className="card-body p-2 pb-1">
<DirectoryListTableHeader> <DirectoryListTableHeader>
{!loading && contacts?.length === 0 ? ( {!loading &&
<tr>
<td colSpan="6">
<div
className="d-flex justify-content-center align-items-center"
style={{ height: "150px",marginLeft: "230px" }}
>
<p className="mb-0 text-muted">No contact found</p>
</div>
</td>
</tr>
) : !loading && contacts?.length > 0 && currentItems.length === 0 ? (
<tr>
<td colSpan="6">
<div
className="d-flex justify-content-center align-items-center"
style={{ height: "150px" }}
>
<p className="mb-0 text-muted">No matching contact found</p>
</div>
</td>
</tr>
) : (
!loading &&
currentItems.map((contact) => ( currentItems.map((contact) => (
<ListViewDirectory <ListViewDirectory
key={contact.id} key={contact.id}
@ -402,55 +392,35 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
IsDeleted={setDeleteContact} IsDeleted={setDeleteContact}
restore={handleDeleteContact} restore={handleDeleteContact}
/> />
)) ))}
)}
</DirectoryListTableHeader> </DirectoryListTableHeader>
</div> </div>
</div> </div>
)} )}
{/* CARD VIEW */}
{viewType === "card" && ( {viewType === "card" && (
<> <div className="row mt-4">
{contacts?.length === 0 && !loading ? ( {!loading &&
<div currentItems.map((contact) => (
className="d-flex justify-content-center align-items-center text-center" <div
style={{ minHeight: "200px" }} key={contact.id}
> className="col-12 col-sm-6 col-md-4 col-lg-4 mb-4"
<p className="text-muted mb-0">No contact found</p> >
</div> <CardViewDirectory
) : currentItems.length === 0 && !loading ? ( IsActive={IsActive}
<div contact={contact}
className="d-flex justify-content-center align-items-center text-center" setSelectedContact={setSelectedContact}
style={{ minHeight: "250px" }} setIsOpenModal={setIsOpenModal}
> setOpen_contact={setOpen_contact}
<p className="text-muted mb-0">No matching contact found</p> setIsOpenModalNote={setIsOpenModalNote}
</div> IsDeleted={setDeleteContact}
) : ( restore={handleDeleteContact}
<div className="row mt-4"> />
{currentItems.map((contact) => ( </div>
<div ))}
key={contact.id} </div>
className="col-12 col-sm-6 col-md-4 col-lg-4 mb-4"
>
<CardViewDirectory
IsActive={IsActive}
contact={contact}
setSelectedContact={setSelectedContact}
setIsOpenModal={setIsOpenModal}
setOpen_contact={setOpen_contact}
setIsOpenModalNote={setIsOpenModalNote}
IsDeleted={setDeleteContact}
restore={handleDeleteContact}
/>
</div>
))}
</div>
)}
</>
)} )}
{/* NOTES VIEW */}
{viewType === "notes" && ( {viewType === "notes" && (
<div className="mt-0"> <div className="mt-0">
<NotesCardViewDirectory <NotesCardViewDirectory
@ -458,12 +428,12 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
setNotesForFilter={setNotes} setNotesForFilter={setNotes}
searchText={searchText} searchText={searchText}
setIsOpenModalNote={setIsOpenModalNote} setIsOpenModalNote={setIsOpenModalNote}
filterAppliedNotes={filterAppliedNotes} filterAppliedNotes={filterAppliedNotes}
/> />
</div> </div>
)} )}
{/* PAGINATION */} {/* Pagination */}
{!loading && {!loading &&
viewType !== "notes" && viewType !== "notes" &&
contacts?.length > 0 && contacts?.length > 0 &&
@ -494,10 +464,7 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
</li> </li>
))} ))}
<li <li className={`page-item ${currentPage === totalPages ? "disabled" : ""}`}>
className={`page-item ${currentPage === totalPages ? "disabled" : ""
}`}
>
<button <button
className="page-link" className="page-link"
onClick={() => paginate(currentPage + 1)} onClick={() => paginate(currentPage + 1)}
@ -509,7 +476,6 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
</nav> </nav>
)} )}
</div> </div>
</div> </div>
); );
}; };