From df107cfc7de9e763c4c9640029a2e92990d366b0 Mon Sep 17 00:00:00 2001
From: adam-skowronek <adasko8@st.amu.edu.pl>
Date: Fri, 6 Jan 2023 19:41:42 +0100
Subject: [PATCH] Temp fix for showing supervisor groups

---
 .../src/views/supervisor/SupervisorGroups.tsx | 73 ++++++++++---------
 1 file changed, 39 insertions(+), 34 deletions(-)

diff --git a/frontend/src/views/supervisor/SupervisorGroups.tsx b/frontend/src/views/supervisor/SupervisorGroups.tsx
index 4b01935..3dd969a 100644
--- a/frontend/src/views/supervisor/SupervisorGroups.tsx
+++ b/frontend/src/views/supervisor/SupervisorGroups.tsx
@@ -14,6 +14,7 @@ const SupervisorGroups = () => {
   const [page, setPage] = useState(1)
   const [perPage, setPerPage] = useState(10)
   const [yearGroupId] = useLocalStorageState('yearGroupId')
+  const [userId] = useLocalStorageState('userId')
 
   const perPageOptions = [
     {
@@ -96,40 +97,44 @@ const SupervisorGroups = () => {
             </tr>
           </thead>
           <tbody className="divide-y divide-gray-100">
-            {groups?.data?.groups?.map(
-              ({
-                id,
-                name,
-                project_supervisor,
-                points_for_first_term,
-                points_for_second_term,
-              }) => (
-                <tr key={id}>
-                  <td>
-                    <Link
-                      to={`/${
-                        location.pathname.includes('coordinator')
-                          ? 'coordinator'
-                          : 'supervisor'
-                      }/groups/${id}`}
-                      className="underline font-bold"
-                    >
-                      {name}
-                    </Link>
-                  </td>
-                  <td>
-                    {`${project_supervisor.first_name} ${project_supervisor.last_name}`}
-                  </td>
-                  <td>{points_for_first_term}</td>
-                  <td>{points_for_second_term}</td>
-                  <td>
-                    <button onClick={() => mutateDelete(id)}>
-                      <IconRemove />
-                    </button>
-                  </td>
-                </tr>
-              ),
-            )}
+            {groups?.data?.groups
+              ?.filter(
+                ({ project_supervisor }) => project_supervisor.id === userId,
+              )
+              .map(
+                ({
+                  id,
+                  name,
+                  project_supervisor,
+                  points_for_first_term,
+                  points_for_second_term,
+                }) => (
+                  <tr key={id}>
+                    <td>
+                      <Link
+                        to={`/${
+                          location.pathname.includes('coordinator')
+                            ? 'coordinator'
+                            : 'supervisor'
+                        }/groups/${id}`}
+                        className="underline font-bold"
+                      >
+                        {name}
+                      </Link>
+                    </td>
+                    <td>
+                      {`${project_supervisor.first_name} ${project_supervisor.last_name}`}
+                    </td>
+                    <td>{points_for_first_term}</td>
+                    <td>{points_for_second_term}</td>
+                    <td>
+                      <button onClick={() => mutateDelete(id)}>
+                        <IconRemove />
+                      </button>
+                    </td>
+                  </tr>
+                ),
+              )}
           </tbody>
         </table>
       </div>