Add username to local storage and retrieve it in YourProjectsPage

frontend/src/Components/LoginCheck.tsx

@@ -25,6 +25,7 @@ function LoginCheck(props: {
         if (response.data !== undefined) {
           const token = response.data;
           localStorage.setItem("accessToken", token);
+          localStorage.setItem("username", props.username);
           //TODO: change so that it checks for user type (admin, user, pm) instead
           if (token !== "" && props.username === "admin") {
             props.setAuthority((prevAuth) => {

frontend/src/Pages/YourProjectsPage.tsx

@@ -1,15 +1,15 @@
 import React, { useState } from "react";
 import { Project } from "../Types/goTypes";
 import { api } from "../API/API";
-import { Link, useLocation } from "react-router-dom";
+import { Link } from "react-router-dom";
 import BasicWindow from "../Components/BasicWindow";
 
 function UserProjectPage(): JSX.Element {
   const [projects, setProjects] = useState<Project[]>([]);
 
   const getProjects = async (): Promise<void> => {
-    const username = "user"; // replace with actual username
-    const token = "your_token"; // replace with actual token
+    const username = localStorage.getItem("username") ?? ""; // replace with actual username
+    const token = localStorage.getItem("accessToken") ?? ""; // replace with actual token
     const response = await api.getUserProjects(username, token);
     if (response.success) {
       setProjects(response.data ?? []);