Navigate to "Projects" Page Should Display Only Message When No Projects Are Assigned.

src/pages/project/ProjectList.jsx

@@ -264,9 +264,14 @@ const ProjectList = () => {
         )}
 
        {listView ? (
+          currentItems.length === 0 ? (
+            <div className="text-center text-muted mt-4">
+              No projects found.
+            </div>
+          ) : (
             <div className="card cursor-pointer">
-    <div className="card-body p-2" style={{ minHeight: "200px" }}>
+              <div className="card-body p-2">
-      <div className="table-responsive text-nowrap py-2">
+                <div className="table-responsive text-nowrap py-2 ">
                   <table className="table m-3">
                     <thead>
                       <tr>
@@ -322,47 +327,28 @@ const ProjectList = () => {
                           </div>
                         </th>
                         <th
-                className={`mx-2 ${
+                          className={`mx-2 ${HasManageProject ? "d-sm-table-cell" : "d-none"
-                  HasManageProject ? "d-sm-table-cell" : "d-none"
                             }`}
                         >
                           Action
                         </th>
                       </tr>
                     </thead>
-          <tbody className="table-border-bottom-0" style={{ height: "200px" }}>
+                    <tbody className="table-border-bottom-0 overflow-auto">
-            {currentItems.length === 0 ? (
+                      {currentItems.map((project) => (
-              <tr>
-                <td
-                  colSpan="12"
-                  className="text-center"
-                  style={{
-                    verticalAlign: "middle",
-                    height: "200px",
-                    paddingTop: 0,
-                    paddingBottom: 0,
-                  }}
-                >
-                  <div className="d-flex flex-column justify-content-center align-items-center h-100">
-                    <p className="mb-0">No projects found</p>
-                  </div>
-                </td>
-              </tr>
-            ) : (
-              currentItems.map((project) => (
                         <ProjectListView
                           key={project.id}
                           projectData={project}
                           recall={sortingProject}
                         />
-              ))
+                      ))}
-            )}
                     </tbody>
                   </table>
                 </div>
               </div>
             </div>
-) : (
+          )
+        ) : (
           <div className="row">
             {currentItems.map((project) => (
               <ProjectCard
@@ -372,7 +358,8 @@ const ProjectList = () => {
               />
             ))}
           </div>
-)}
+        )}
+
 
 {!loading && totalPages > 1 && (
   <nav>