Merge branch 'frontend' into gruppPP

frontend/src/API/API.test.ts

@@ -1,87 +0,0 @@
-import { describe, expect, test } from "@jest/globals";
-import { api } from "../API/API";
-import { NewUser, NewWeeklyReport } from "../Types/goTypes";
-
-describe("API", () => {
-  test("registerUser", async () => {
-    const user: NewUser = {
-      username: "lol", // Add the username property
-      password: "lol",
-    };
-    const response = await api.registerUser(user);
-    console.log(response.message);
-    expect(response.success).toBe(true);
-    expect(response.data).toHaveProperty("userId");
-  });
-
-  test("createProject", async () => {
-    const project = {
-      name: "Project X",
-      description: "This is a test project",
-    };
-    const token =
-      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhZG1pbiI6ZmFsc2UsImV4cCI6MTcxMDk0MDIwMywibmFtZSI6InJyZ3VtZHpwbWMifQ.V9NHoYMYV61t";
-
-    const response = await api.createProject(project, token);
-    console.log(response.message);
-    expect(response.success).toBe(true);
-    expect(response.data).toHaveProperty("projectId");
-  });
-
-  test("renewToken", async () => {
-    const refreshToken =
-      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhZG1pbiI6ZmFsc2UsImV4cCI6MTcxMDk0MDIwMywibmFtZSI6InJyZ3VtZHpwbWMifQ.V9NHoYMYV61t";
-
-    const response = await api.renewToken(refreshToken);
-    console.log(response.message);
-    expect(response.success).toBe(true);
-    expect(response.data).toHaveProperty("accessToken");
-    expect(response.data).toHaveProperty("refreshToken");
-  });
-
-  test("getUserProjects", async () => {
-    const token =
-      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhZG1pbiI6ZmFsc2UsImV4cCI6MTcxMDk0MDIwMywibmFtZSI6InJyZ3VtZHpwbWMifQ.V9NHoYMYV61t";
-    const username = "rrgumdzpmc";
-    const response = await api.getUserProjects(username, token);
-    console.log(response.message);
-    expect(response.success).toBe(true);
-    expect(response.data).toHaveProperty("projects");
-  });
-
-  test("submitWeeklyReport", async () => {
-    const report: NewWeeklyReport = {
-      projectName: "vtmosxssst",
-      week: 2,
-      developmentTime: 40,
-      meetingTime: 5,
-      adminTime: 2,
-      ownWorkTime: 10,
-      studyTime: 12,
-      testingTime: 41,
-    };
-    const token =
-      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhZG1pbiI6ZmFsc2UsImV4cCI6MTcxMDk0MDIwMywibmFtZSI6InJyZ3VtZHpwbWMifQ.V9NHoYMYV61t";
-
-    const response = await api.submitWeeklyReport(report, token);
-    console.log(response.message);
-    expect(response.success).toBe(true);
-    expect(response.data).toHaveProperty(
-      "message",
-      "Report submitted successfully",
-    );
-  });
-
-  test("login", async () => {
-    const user: NewUser = {
-      username: "rrgumdzpmc", // Add an empty string value for the username property
-      password: "always_same",
-    };
-
-    const response = await api.login(user);
-    console.log(response.message);
-    expect(response.success).toBe(true);
-    expect(response.data).toHaveProperty("accessToken");
-    expect(response.data).toHaveProperty("refreshToken");
-  });
-});

frontend/src/API/API.ts

@@ -20,25 +20,32 @@ interface API {
   registerUser(user: NewUser): Promise<APIResponse<User>>;
   /** Remove a user */
   removeUser(username: string, token: string): Promise<APIResponse<User>>;
+  /** Login */
+  login(NewUser: NewUser): Promise<APIResponse<string>>;
+  /** Renew the token */
+  renewToken(token: string): Promise<APIResponse<string>>;
   /** Create a project */
   createProject(
     project: NewProject,
     token: string,
   ): Promise<APIResponse<Project>>;
-  /** Submit a weekly report */
-  submitWeeklyReport(
-    project: NewWeeklyReport,
-    token: string,
-  ): Promise<APIResponse<Project>>;
-  /** Renew the token */
-  renewToken(token: string): Promise<APIResponse<string>>;
   /** Gets all the projects of a user*/
   getUserProjects(
     username: string,
     token: string,
   ): Promise<APIResponse<Project[]>>;
-  /** Login */
-  login(NewUser: NewUser): Promise<APIResponse<string>>;
+  /** Submit a weekly report */
+  submitWeeklyReport(
+    project: NewWeeklyReport,
+    token: string,
+  ): Promise<APIResponse<NewWeeklyReport>>;
+  /**Gets a weekly report*/
+  getWeeklyReport(
+    username: string,
+    projectName: string,
+    week: string,
+    token: string,
+  ): Promise<APIResponse<NewWeeklyReport>>;
 }
 
 // Export an instance of the API
@@ -54,13 +61,19 @@ export const api: API = {
       });
 
       if (!response.ok) {
-        return { success: false, message: "Failed to register user" };
+        return {
+          success: false,
+          message: "Failed to register user: " + response.status,
+        };
       } else {
-        const data = (await response.json()) as User;
-        return { success: true, data };
+        // const data = (await response.json()) as User; // The API does not currently return the user
+        return { success: true };
       }
     } catch (e) {
-      return { success: false, message: "Failed to register user" };
+      return {
+        success: false,
+        message: "Unknown error while registering user",
+      };
     }
   },
 
@@ -163,9 +176,9 @@ export const api: API = {
   },
 
   async submitWeeklyReport(
-    project: NewWeeklyReport,
+    weeklyReport: NewWeeklyReport,
     token: string,
-  ): Promise<APIResponse<Project>> {
+  ): Promise<APIResponse<NewWeeklyReport>> {
     try {
       const response = await fetch("/api/submitWeeklyReport", {
         method: "POST",
@@ -173,7 +186,7 @@ export const api: API = {
           "Content-Type": "application/json",
           Authorization: "Bearer " + token,
         },
-        body: JSON.stringify(project),
+        body: JSON.stringify(weeklyReport),
       });
 
       if (!response.ok) {
@@ -183,7 +196,7 @@ export const api: API = {
         };
       }
 
-      const data = (await response.json()) as Project;
+      const data = (await response.json()) as NewWeeklyReport;
       return { success: true, data };
     } catch (e) {
       return {
@@ -193,6 +206,33 @@ export const api: API = {
     }
   },
 
+  async getWeeklyReport(
+    username: string,
+    projectName: string,
+    week: string,
+    token: string,
+  ): Promise<APIResponse<NewWeeklyReport>> {
+    try {
+      const response = await fetch("/api/getWeeklyReport", {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: "Bearer " + token,
+        },
+        body: JSON.stringify({ username, projectName, week }),
+      });
+
+      if (!response.ok) {
+        return { success: false, message: "Failed to get weekly report" };
+      } else {
+        const data = (await response.json()) as NewWeeklyReport;
+        return { success: true, data };
+      }
+    } catch (e) {
+      return { success: false, message: "Failed to get weekly report" };
+    }
+  },
+
   async login(NewUser: NewUser): Promise<APIResponse<string>> {
     try {
       const response = await fetch("/api/login", {

frontend/src/Components/Register.tsx

@@ -6,12 +6,23 @@ import Button from "./Button";
 import InputField from "./InputField";
 
 export default function Register(): JSX.Element {
-  const [username, setUsername] = useState("");
-  const [password, setPassword] = useState("");
+  const [username, setUsername] = useState<string>();
+  const [password, setPassword] = useState<string>();
+  const [errMessage, setErrMessage] = useState<string>();
+
+  const nav = useNavigate();
 
   const handleRegister = async (): Promise<void> => {
-    const newUser: NewUser = { username: username, password };
-    await api.registerUser(newUser); // TODO: Handle errors
+    const newUser: NewUser = {
+      username: username ?? "",
+      password: password ?? "",
+    };
+    const response = await api.registerUser(newUser);
+    if (response.success) {
+      nav("/"); // Instantly navigate to the login page
+    } else {
+      setErrMessage(response.message ?? "Unknown error");
+    }
   };
 
   return (