Gets all project members and displays them properly now

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