From 25ff406b877207c1e201fe139b09edaa0e47cd37 Mon Sep 17 00:00:00 2001
From: Kartik sharma <kartik.sharma@marcoaiot.com>
Date: Tue, 8 Jul 2025 12:45:48 +0530
Subject: [PATCH] Navigate to "Projects" Page Should Display Only Message When
 No Projects Are Assigned.

---
 src/pages/project/ProjectList.jsx | 168 ++++++++++++++----------------
 1 file changed, 80 insertions(+), 88 deletions(-)

diff --git a/src/pages/project/ProjectList.jsx b/src/pages/project/ProjectList.jsx
index 7733a60a..50c60643 100644
--- a/src/pages/project/ProjectList.jsx
+++ b/src/pages/project/ProjectList.jsx
@@ -263,100 +263,91 @@ const ProjectList = () => {
           <p className="text-center text-muted">No projects found.</p>
         )}
 
-        {listView ? (
-          <div className="card cursor-pointer">
-            <div className="card-body p-2">
-              <div className="table-responsive text-nowrap py-2 " style={{minHeight:"400px"}}>
-                <table className="table m-3">
-                  <thead>
-                    <tr>
-                      <th className="text-start" colSpan={5} >
-                        Project Name
-                      </th>
-                      <th className="mx-2 text-start">Contact Person</th>
-                      <th className="mx-2">START DATE</th>
-                      <th className="mx-2">DEADLINE</th>
-                      <th className="mx-2">Task</th>
-                      <th className="mx-2">Progress</th>
-                      <th className="mx-2">
-                        <div className="dropdown">
-                          <a
-                            className="dropdown-toggle hide-arrow cursor-pointer"
-                            data-bs-toggle="dropdown"
-                            aria-expanded="false"
-                          >
-                            Status <i className="bx bx-filter bx-sm"></i>
-                          </a>
-                          <ul className="dropdown-menu p-2 text-capitalize">
-                            {[
-                              {
-                                id: "b74da4c2-d07e-46f2-9919-e75e49b12731",
-                                label: "Active",
-                              },
-                              {
-                                id: "cdad86aa-8a56-4ff4-b633-9c629057dfef",
-                                label:"In Progress"
-                               },
-                              {
-                                id: "603e994b-a27f-4e5d-a251-f3d69b0498ba",
-                                label: "On Hold",
-                              },
-                              {
-                                id: "ef1c356e-0fe0-42df-a5d3-8daee355492d",
-                                label: "Inactive",
-                              },
-                              {
-                                id: "33deaef9-9af1-4f2a-b443-681ea0d04f81",
-                                label: "Completed",
-                              },
-                            ].map(({ id, label }) => (
-                              <li key={id}>
-                                <div className="form-check">
-                                  <input
-                                    className="form-check-input  "
-                                    type="checkbox"
-                                    checked={selectedStatuses.includes(id)}
-                                    onChange={() => handleStatusChange(id)}
-                                  />
-                                  <label className="form-check-label">
-                                    {label}
-                                  </label>
-                                </div>
-                              </li>
-                            ))}
-                          </ul>
-                        </div>
-                      </th>
-                      <th
-                        className={`mx-2 ${
-                          HasManageProject ? "d-sm-table-cell" : "d-none"
-                        }`}
-                      >
-                        Action
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody className="table-border-bottom-0 overflow-auto ">
-                    {currentItems.length === 0 ? (
-                      <tr className="text-center">
-                        <td colSpan="12" rowSpan='12'style={{height:"200px"}} >
-                          No projects found
-                        </td>
+       {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">
+                <div className="table-responsive text-nowrap py-2 ">
+                  <table className="table m-3">
+                    <thead>
+                      <tr>
+                        <th className="text-start" colSpan={5}>
+                          Project Name
+                        </th>
+                        <th className="mx-2 text-start">Contact Person</th>
+                        <th className="mx-2">START DATE</th>
+                        <th className="mx-2">DEADLINE</th>
+                        <th className="mx-2">Task</th>
+                        <th className="mx-2">Progress</th>
+                        <th className="mx-2">
+                          <div className="dropdown">
+                            <a
+                              className="dropdown-toggle hide-arrow cursor-pointer"
+                              data-bs-toggle="dropdown"
+                              aria-expanded="false"
+                            >
+                              Status <i className="bx bx-filter bx-sm"></i>
+                            </a>
+                            <ul className="dropdown-menu p-2 text-capitalize">
+                              {[
+                                {
+                                  id: "b74da4c2-d07e-46f2-9919-e75e49b12731",
+                                  label: "Active",
+                                },
+                                {
+                                  id: "603e994b-a27f-4e5d-a251-f3d69b0498ba",
+                                  label: "On Hold",
+                                },
+                                {
+                                  id: "ef1c356e-0fe0-42df-a5d3-8daee355492d",
+                                  label: "Inactive",
+                                },
+                                {
+                                  id: "33deaef9-9af1-4f2a-b443-681ea0d04f81",
+                                  label: "Completed",
+                                },
+                              ].map(({ id, label }) => (
+                                <li key={id}>
+                                  <div className="form-check">
+                                    <input
+                                      className="form-check-input"
+                                      type="checkbox"
+                                      checked={selectedStatuses.includes(id)}
+                                      onChange={() => handleStatusChange(id)}
+                                    />
+                                    <label className="form-check-label">{label}</label>
+                                  </div>
+                                </li>
+                              ))}
+                            </ul>
+                          </div>
+                        </th>
+                        <th
+                          className={`mx-2 ${HasManageProject ? "d-sm-table-cell" : "d-none"
+                            }`}
+                        >
+                          Action
+                        </th>
                       </tr>
-                    ) : (
-                      currentItems.map((project) => (
+                    </thead>
+                    <tbody className="table-border-bottom-0 overflow-auto">
+                      {currentItems.map((project) => (
                         <ProjectListView
                           key={project.id}
                           projectData={project}
                           recall={sortingProject}
                         />
-                      ))
-                    )}
-                  </tbody>
-                </table>
-              </div>{" "}
-            </div>{" "}
-          </div>
+                      ))}
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </div>
+          )
         ) : (
           <div className="row">
             {currentItems.map((project) => (
@@ -369,6 +360,7 @@ const ProjectList = () => {
           </div>
         )}
 
+
         {!loading && totalPages > 1 && (
           <nav>
             <ul className="pagination pagination-sm justify-content-end py-2">