From 0c8a394f7416e0f35ee275cd2b5a952ca6de0722 Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Sun, 31 Mar 2024 20:56:08 +0200
Subject: [PATCH] Small fix so that it uses component for getting users in a
 proj

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

diff --git a/frontend/src/Components/ProjectMembers.tsx b/frontend/src/Components/ProjectMembers.tsx
index 60ffcd9..52e8559 100644
--- a/frontend/src/Components/ProjectMembers.tsx
+++ b/frontend/src/Components/ProjectMembers.tsx
@@ -1,31 +1,15 @@
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { Link, useParams } from "react-router-dom";
-import { api } from "../API/API";
-import { UserProjectMember } from "../Types/goTypes";
+import GetUsersInProject, { ProjectMember } from "./GetUsersInProject";
 
 function ProjectMembers(): JSX.Element {
   const { projectName } = useParams();
-  const [projectMembers, setProjectMembers] = useState<UserProjectMember[]>([]);
+  const [projectMembers, setProjectMembers] = useState<ProjectMember[]>([]);
 
-  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;
-    UserRole: string;
-  }
+  GetUsersInProject({
+    projectName: projectName ?? "",
+    setUsersProp: setProjectMembers,
+  });
 
   return (
     <>