diff --git a/frontend/src/Components/NewWeeklyReport.tsx b/frontend/src/Components/NewWeeklyReport.tsx
index 1f613ac..510b877 100644
--- a/frontend/src/Components/NewWeeklyReport.tsx
+++ b/frontend/src/Components/NewWeeklyReport.tsx
@@ -1,10 +1,10 @@
-import { useState } from "react";
+import { useState, useContext } from "react";
 import { NewWeeklyReport } from "../Types/goTypes";
 import { api } from "../API/API";
 import { useNavigate } from "react-router-dom";
 import Button from "./Button";
 
-export default function NewTimeReport(): JSX.Element {
+export default function NewWeeklyReport(): JSX.Element {
   const [projectName, setProjectName] = useState("");
   const [week, setWeek] = useState(0);
   const [developmentTime, setDevelopmentTime] = useState(0);
@@ -14,8 +14,8 @@ export default function NewTimeReport(): JSX.Element {
   const [studyTime, setStudyTime] = useState(0);
   const [testingTime, setTestingTime] = useState(0);
 
-  const handleNewTimeReport = async (): Promise<void> => {
-    const newTimeReport: NewWeeklyReport = {
+  const handleNewWeeklyReport = async (): Promise<void> => {
+    const newWeeklyReport: NewWeeklyReport = {
       projectName,
       week,
       developmentTime,
@@ -26,7 +26,7 @@ export default function NewTimeReport(): JSX.Element {
       testingTime,
     };
     await Promise.resolve();
-    // await api.submitWeeklyReport(newTimeReport, token); Token is not defined yet
+    //await api.submitWeeklyReport(newWeeklyReport, token); Token is not yet imported
   };
 
   const navigate = useNavigate();
@@ -42,7 +42,7 @@ export default function NewTimeReport(): JSX.Element {
               return;
             }
             e.preventDefault();
-            void handleNewTimeReport();
+            void handleNewWeeklyReport();
             navigate("/project");
           }}
         >