From 1caeeb890d2f566ee809fac48be7ece68552810b Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Tue, 22 Apr 2025 13:01:31 +0530
Subject: [PATCH] added filter, only display logged user  associated projects

---
 src/pages/employee/EmployeeList.jsx | 50 +++++++++++++++--------------
 src/pages/project/ProjectList.jsx   | 11 ++++---
 2 files changed, 33 insertions(+), 28 deletions(-)

diff --git a/src/pages/employee/EmployeeList.jsx b/src/pages/employee/EmployeeList.jsx
index 13207bb4..2e0f3bb2 100644
--- a/src/pages/employee/EmployeeList.jsx
+++ b/src/pages/employee/EmployeeList.jsx
@@ -163,30 +163,32 @@ const EmployeeList = () => {
                         className="dataTables_length text-start"
                         id="DataTables_Table_0_length"
                       >
-                        <label>
-                          <select
-                            id="project-select"
-                            onChange={(e) => setSelectedProject(e.target.value)}
-                            name="DataTables_Table_0_length"
-                            aria-controls="DataTables_Table_0"
-                            className="form-select form-select-sm"
-                            value={selectedProject || ""}
-                          >
-                            {projectLoading ? (
-                              <option value="Loading">Loading...</option>
-                            ) : (
-                              <>
-                                <option value="">All Employees</option>
-                                {Array.isArray(projects) &&
-                                  projects.map((item) => (
-                                    <option key={item.id} value={item.id}>
-                                      {item.name}
-                                    </option>
-                                  ))}
-                              </>
-                            )}
-                          </select>
-                        </label>
+                      <label>
+  <select
+    id="project-select"
+    onChange={(e) => setSelectedProject(e.target.value)}
+    name="DataTables_Table_0_length"
+    aria-controls="DataTables_Table_0"
+    className="form-select form-select-sm"
+    value={selectedProject || ""}
+  >
+    {projectLoading ? (
+      <option value="Loading">Loading...</option>
+    ) : (
+      <>
+        <option value="">All Employees</option>
+        {Array.isArray(projects) &&
+          projects
+            .filter((item) => loginUser?.projects?.includes(String(item.id)))
+            .map((item) => (
+              <option key={item.id} value={item.id}>
+                {item.name}
+              </option>
+            ))}
+      </>
+    )}
+  </select>
+</label>
                       </div>
                     </div>
                   </div>
diff --git a/src/pages/project/ProjectList.jsx b/src/pages/project/ProjectList.jsx
index a0e9ea3e..1f5fd1e5 100644
--- a/src/pages/project/ProjectList.jsx
+++ b/src/pages/project/ProjectList.jsx
@@ -176,10 +176,13 @@ const ProjectList = () =>
           {loading && <p className="text-center">Loading...</p>}
 
           
-          {currentItems &&
-            currentItems.map((item) => (
-              <ProjectCard projectData={item} key={item.id}></ProjectCard>
-            ))}
+          {Array.isArray(currentItems) && loginUser?.projects && (
+  currentItems
+    .filter((item) => loginUser.projects.includes(String(item.id)))
+    .map((item) => (
+      <ProjectCard projectData={item} key={item.id} />
+    ))
+)}
         </div>
            {/* Pagination */}
            {!loading && (