fixed NewWeeklyReport

frontend/src/Components/NewWeeklyReport.tsx

@@ -1,17 +1,17 @@
 import { useState } from "react";
-import { NewWeeklyReport } from "../Types/goTypes";
+import type { NewWeeklyReport } from "../Types/goTypes";
 import { api } from "../API/API";
 import { useNavigate, useParams } from "react-router-dom";
 import Button from "./Button";
 
 export default function NewWeeklyReport(): JSX.Element {
-  const [week, setWeek] = useState(0);
-  const [developmentTime, setDevelopmentTime] = useState(0);
-  const [meetingTime, setMeetingTime] = useState(0);
-  const [adminTime, setAdminTime] = useState(0);
-  const [ownWorkTime, setOwnWorkTime] = useState(0);
-  const [studyTime, setStudyTime] = useState(0);
-  const [testingTime, setTestingTime] = useState(0);
+  const [week, setWeek] = useState<number>();
+  const [developmentTime, setDevelopmentTime] = useState<number>();
+  const [meetingTime, setMeetingTime] = useState<number>();
+  const [adminTime, setAdminTime] = useState<number>();
+  const [ownWorkTime, setOwnWorkTime] = useState<number>();
+  const [studyTime, setStudyTime] = useState<number>();
+  const [testingTime, setTestingTime] = useState<number>();
 
   const { projectName } = useParams();
   const token = localStorage.getItem("accessToken") ?? "";
@@ -19,13 +19,13 @@ export default function NewWeeklyReport(): JSX.Element {
   const handleNewWeeklyReport = async (): Promise<void> => {
     const newWeeklyReport: NewWeeklyReport = {
       projectName: projectName ?? "",
-      week,
-      developmentTime,
-      meetingTime,
-      adminTime,
-      ownWorkTime,
-      studyTime,
-      testingTime,
+      week: week ?? 0,
+      developmentTime: developmentTime ?? 0,
+      meetingTime: meetingTime ?? 0,
+      adminTime: adminTime ?? 0,
+      ownWorkTime: ownWorkTime ?? 0,
+      studyTime: studyTime ?? 0,
+      testingTime: testingTime ?? 0,
     };
 
     await api.submitWeeklyReport(newWeeklyReport, token);
@@ -45,7 +45,7 @@ export default function NewWeeklyReport(): JSX.Element {
             }
             e.preventDefault();
             void handleNewWeeklyReport();
-            navigate(-1);
+            navigate("/project");
           }}
         >
           <div className="flex flex-col items-center">
@@ -58,7 +58,9 @@ export default function NewWeeklyReport(): JSX.Element {
                 setWeek(weekNumber);
               }}
               onKeyDown={(event) => {
-                event.preventDefault();
+                const keyValue = event.key;
+                if (!/\d/.test(keyValue) && keyValue !== "Backspace")
+                  event.preventDefault();
               }}
               onPaste={(event) => {
                 event.preventDefault();

frontend/src/Pages/YourProjectsPage.tsx

@@ -22,7 +22,7 @@ function UserProjectPage(): JSX.Element {
   };
   // Call getProjects when the component mounts
   useEffect(() => {
-    getProjects();
+    void getProjects();
   }, []);
 
   const handleProjectClick = (projectName: string): void => {