src/pages/Directory/Directory.jsx

@@ -38,7 +38,7 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
   const [IsDeleting, setDeleting] = useState(false);
   const [openBucketModal, setOpenBucketModal] = useState(false);
   const [notes, setNotes] = useState([]);
-  const [filterAppliedNotes, setFilterAppliedNotes] = useState([]);
+    const [filterAppliedNotes, setFilterAppliedNotes] = useState([]);
   // const [selectedOrgs, setSelectedOrgs] = useState([]);
 
   // ✅ Changed to an array for multiple selections
@@ -260,7 +260,7 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
   }, [prefernceContacts]);
 
   return (
-    <div className={IsPage ? "container-fluid" : ""}>
+    <div className={IsPage ? "container-fluid":""}>
       {IsPage && (
         <Breadcrumb
           data={[
@@ -353,7 +353,7 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
             setOpenBucketModal={setOpenBucketModal}
             contactsToExport={contacts}
             notesToExport={notes}
-            selectedNoteNames={selectedNoteNames}
+            selectedNoteNames={selectedNoteNames}       
             setSelectedNoteNames={setSelectedNoteNames}
             notesForFilter={notes}
             setFilterAppliedNotes={setFilterAppliedNotes}
@@ -361,9 +361,23 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
         </div>
       </div>
       <div className="card-minHeight mt-0">
+        {(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" && (
-          <div className="card cursor-pointer mt-3">
-            <div className="card-body p-2 pb-1" style={{ minHeight: "200px" }}>
+          <div className="card cursor-pointer mt-5">
+            <div className="card-body p-2 pb-1">
               <DirectoryListTableHeader>
                 {!loading &&
                   currentItems.map((contact) => (
@@ -380,22 +394,12 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
                     />
                   ))}
               </DirectoryListTableHeader>
-
-              {/* Empty state AFTER list */}
-              {!loading && contacts?.length === 0 && (
-                <p className="mt-3 ms-3 text-muted" >No contact found</p>
-              )}
-              {!loading &&
-                contacts?.length > 0 &&
-                currentItems.length === 0 && (
-                  <p className="mt-3 ms-3 text-muted">No matching contact found</p>
-                )}
             </div>
           </div>
         )}
 
         {viewType === "card" && (
-          <div className="row mt-10">
+          <div className="row mt-4">
             {!loading &&
               currentItems.map((contact) => (
                 <div
@@ -414,16 +418,6 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
                   />
                 </div>
               ))}
-
-            {/* Empty state for card view */}
-            {!loading && contacts?.length === 0 && (
-              <p className="mt-3 ms-3 text-muted">No contact found</p>
-            )}
-            {!loading &&
-              contacts?.length > 0 &&
-              currentItems.length === 0 && (
-                <p className="mt-3 ms-3 text-muted">No matching contact found</p>
-              )}
           </div>
         )}
 
@@ -434,7 +428,7 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
               setNotesForFilter={setNotes}
               searchText={searchText}
               setIsOpenModalNote={setIsOpenModalNote}
-              filterAppliedNotes={filterAppliedNotes}
+             filterAppliedNotes={filterAppliedNotes}
             />
           </div>
         )}
@@ -470,10 +464,7 @@ const Directory = ({ IsPage = true, prefernceContacts }) => {
                   </li>
                 ))}
 
-                <li
-                  className={`page-item ${currentPage === totalPages ? "disabled" : ""
-                    }`}
-                >
+                <li className={`page-item ${currentPage === totalPages ? "disabled" : ""}`}>
                   <button
                     className="page-link"
                     onClick={() => paginate(currentPage + 1)}

src/pages/Directory/DirectoryListTableHeader.jsx

@@ -3,7 +3,7 @@ import IconButton from "../../components/common/IconButton";
 
 const DirectoryListTableHeader = ({ children }) => {
   return (
-     <div className="table-responsive text-nowrap py-2" style={{ minHeight: "80px"}}> 
+    <div className="table-responsive text-nowrap py-2">
       <table className="table px-2">
         <thead>
           <tr>