projectName is now fetched from params

This commit is contained in:
Mattias 2024-03-19 09:34:37 +01:00
parent 4f53f9de94
commit cda2b72d08

View file

@ -1,11 +1,10 @@
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import { NewWeeklyReport } from "../Types/goTypes"; import { NewWeeklyReport } from "../Types/goTypes";
import { api } from "../API/API"; import { api } from "../API/API";
import { useNavigate } from "react-router-dom"; import { useNavigate, useParams } from "react-router-dom";
import Button from "./Button"; import Button from "./Button";
export default function GetWeeklyReport(): JSX.Element { export default function GetWeeklyReport(): JSX.Element {
const [projectName, setProjectName] = useState("");
const [week, setWeek] = useState(0); const [week, setWeek] = useState(0);
const [developmentTime, setDevelopmentTime] = useState(0); const [developmentTime, setDevelopmentTime] = useState(0);
const [meetingTime, setMeetingTime] = useState(0); const [meetingTime, setMeetingTime] = useState(0);
@ -16,12 +15,13 @@ export default function GetWeeklyReport(): JSX.Element {
const token = localStorage.getItem("accessToken") ?? ""; const token = localStorage.getItem("accessToken") ?? "";
const username = localStorage.getItem("username") ?? ""; const username = localStorage.getItem("username") ?? "";
const { projectName } = useParams();
useEffect(() => { useEffect(() => {
const fetchWeeklyReport = async (): Promise<void> => { const fetchWeeklyReport = async (): Promise<void> => {
const response = await api.getWeeklyReport( const response = await api.getWeeklyReport(
username, username,
projectName, projectName ?? "",
week.toString(), week.toString(),
token, token,
); );
@ -37,7 +37,7 @@ export default function GetWeeklyReport(): JSX.Element {
studyTime: 0, studyTime: 0,
testingTime: 0, testingTime: 0,
}; };
setProjectName(report.projectName);
setWeek(report.week); setWeek(report.week);
setDevelopmentTime(report.developmentTime); setDevelopmentTime(report.developmentTime);
setMeetingTime(report.meetingTime); setMeetingTime(report.meetingTime);
@ -55,7 +55,7 @@ export default function GetWeeklyReport(): JSX.Element {
const handleNewWeeklyReport = async (): Promise<void> => { const handleNewWeeklyReport = async (): Promise<void> => {
const newWeeklyReport: NewWeeklyReport = { const newWeeklyReport: NewWeeklyReport = {
projectName, projectName: projectName ?? "",
week, week,
developmentTime, developmentTime,
meetingTime, meetingTime,