From 85be4c79d68cc9a834791a85d05eb1019650dec7 Mon Sep 17 00:00:00 2001
From: Mattias <mattias.rasmusson.1032@student.lu.se>
Date: Thu, 21 Mar 2024 10:05:36 +0100
Subject: [PATCH] Refactor getProjectMembers function in ProjectMembers
 component

---
 frontend/src/Components/ProjectMembers.tsx | 23 +++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/frontend/src/Components/ProjectMembers.tsx b/frontend/src/Components/ProjectMembers.tsx
index be485c3..d7a975b 100644
--- a/frontend/src/Components/ProjectMembers.tsx
+++ b/frontend/src/Components/ProjectMembers.tsx
@@ -7,19 +7,20 @@ function ProjectMembers(): JSX.Element {
   const { projectName } = useParams();
   const [projectMembers, setProjectMembers] = useState<UserProjectMember[]>([]);
 
-  const getProjectMembers = async (): Promise<void> => {
-    const token = localStorage.getItem("accessToken") ?? "";
-    const response = await api.getAllUsersProject(projectName ?? "", token);
-    console.log(response);
-    if (response.success) {
-      setProjectMembers(response.data ?? []);
-    } else {
-      console.error(response.message);
-    }
-  };
   useEffect(() => {
+    const getProjectMembers = async (): Promise<void> => {
+      const token = localStorage.getItem("accessToken") ?? "";
+      const response = await api.getAllUsersProject(projectName ?? "", token);
+      console.log(response);
+      if (response.success) {
+        setProjectMembers(response.data ?? []);
+      } else {
+        console.error(response.message);
+      }
+    };
+
     void getProjectMembers();
-  }, []);
+  }, [projectName]);
 
   interface ProjectMember {
     Username: string;