From 17a571fd7c1e9133a0e58d552089ef3f328d91a1 Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Mon, 1 Apr 2024 02:25:12 +0200
Subject: [PATCH] Uses component to get projects now

---
 .../src/Components/UserProjectListAdmin.tsx   | 24 +++----------------
 1 file changed, 3 insertions(+), 21 deletions(-)

diff --git a/frontend/src/Components/UserProjectListAdmin.tsx b/frontend/src/Components/UserProjectListAdmin.tsx
index 5335f1b..50ae054 100644
--- a/frontend/src/Components/UserProjectListAdmin.tsx
+++ b/frontend/src/Components/UserProjectListAdmin.tsx
@@ -1,29 +1,11 @@
-import { useEffect, useState } from "react";
-import { api } from "../API/API";
+import { useState } from "react";
 import { Project } from "../Types/goTypes";
+import GetProjects from "./GetProjects";
 
 function UserProjectListAdmin(props: { username: string }): JSX.Element {
   const [projects, setProjects] = useState<Project[]>([]);
 
-  useEffect(() => {
-    const fetchProjects = async (): Promise<void> => {
-      try {
-        const token = localStorage.getItem("accessToken") ?? "";
-        const username = props.username;
-
-        const response = await api.getUserProjects(username, token);
-        if (response.success) {
-          setProjects(response.data ?? []);
-        } else {
-          console.error("Failed to fetch projects:", response.message);
-        }
-      } catch (error) {
-        console.error("Error fetching projects:", error);
-      }
-    };
-
-    void fetchProjects();
-  }, [props.username]);
+  GetProjects({ setProjectsProp: setProjects, username: props.username });
 
   return (
     <div className="border-2 border-black bg-white p-2 rounded-lg text-center">