From 1e1677fc571c9a39b43491e6ab1c6b9044dac898 Mon Sep 17 00:00:00 2001
From: Mattias <mattias.rasmusson.1032@student.lu.se>
Date: Tue, 2 Apr 2024 17:07:47 +0200
Subject: [PATCH] Refactor getUnsignedReports in DisplayUnsignedReports
 component

---
 .../src/Components/DisplayUnsignedReports.tsx | 32 +++++++++----------
 1 file changed, 15 insertions(+), 17 deletions(-)

diff --git a/frontend/src/Components/DisplayUnsignedReports.tsx b/frontend/src/Components/DisplayUnsignedReports.tsx
index 13adc4b..340eae2 100644
--- a/frontend/src/Components/DisplayUnsignedReports.tsx
+++ b/frontend/src/Components/DisplayUnsignedReports.tsx
@@ -11,25 +11,23 @@ function DisplayUserProject(): JSX.Element {
   const { projectName } = useParams();
   const [unsignedReports, setUnsignedReports] = useState<WeeklyReport[]>([]);
   //const navigate = useNavigate();
-
-  const getUnsignedReports = async (): Promise<void> => {
-    const token = localStorage.getItem("accessToken") ?? "";
-    const response = await api.getUnsignedReportsInProject(
-      projectName ?? "",
-      token,
-    );
-    console.log(response);
-    if (response.success) {
-      setUnsignedReports(response.data ?? []);
-    } else {
-      console.error(response.message);
-    }
-  };
-
-  // Call getProjects when the component mounts
   useEffect(() => {
+    const getUnsignedReports = async (): Promise<void> => {
+      const token = localStorage.getItem("accessToken") ?? "";
+      const response = await api.getUnsignedReportsInProject(
+        projectName ?? "",
+        token,
+      );
+      console.log(response);
+      if (response.success) {
+        setUnsignedReports(response.data ?? []);
+      } else {
+        console.error(response.message);
+      }
+    };
+
     void getUnsignedReports();
-  }, []);
+  }, [projectName]); // Include 'projectName' in the dependency array
 
   return (
     <>