From 9b30b82237b64ba910626403ea5be96f2a44b6a6 Mon Sep 17 00:00:00 2001
From: Peter KW <peter.k.w.96@gmail.com>
Date: Wed, 20 Mar 2024 18:38:37 +0100
Subject: [PATCH] Gets all project members and displays them properly now

---
 frontend/src/Components/ProjectInfoModal.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Components/ProjectInfoModal.tsx b/frontend/src/Components/ProjectInfoModal.tsx
index 11d29c1..210e309 100644
--- a/frontend/src/Components/ProjectInfoModal.tsx
+++ b/frontend/src/Components/ProjectInfoModal.tsx
@@ -1,10 +1,15 @@
+import { useState } from "react";
 import Button from "./Button";
+import { UserProjectMember } from "../Types/goTypes";
+import GetUsersInProject from "./GetUsersInProject";
 
 function UserInfoModal(props: {
   isVisible: boolean;
   projectname: string;
   onClose: () => void;
 }): JSX.Element {
+  const [users, setUsers] = useState<UserProjectMember[]>([]);
+  GetUsersInProject({ projectName: props.projectname, setUsersProp: setUsers });
   if (!props.isVisible) return <></>;
 
   return (
@@ -18,7 +23,15 @@ function UserInfoModal(props: {
           <h2 className="font-bold text-[22px] mb-[20px]">
             Members of this project:
           </h2>
-          <div className="pr-6 pl-6">{/*Show all members in project*/}</div>
+          <div className="border-2 border-black bg-white p-2 rounded-lg text-center pl-6 pr-6">
+            <ul>
+              {users.map((user) => (
+                <li key={user.Username}>
+                  <span>{user.Username}</span>
+                </li>
+              ))}
+            </ul>
+          </div>
         </div>
         <div className="items-center space-x-6 pr-6 pl-6">
           <Button