Imbus/TTime
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Refactor AllTimeReportsInProject component to use API for fetching weekly reports

Browse source
This commit is contained in:
Davenludd 2024-03-19 23:44:25 +01:00
parent 863a14c316
commit b5d3ab7cb7
1 changed files with 16 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

75
frontend/src/Components/AllTimeReportsInProject.tsx
View file

@ -1,68 +1,25 @@
import React, { useEffect, useState } from "react";
import { NewWeeklyReport } from "../Types/goTypes";
import { WeeklyReport } from "../Types/goTypes";
import { Link, useParams } from "react-router-dom";
import { api } from "../API/API";
function AllTimeReportsInProject(): JSX.Element {
const { projectName } = useParams();
const [weeklyReports, setWeeklyReports] = useState<NewWeeklyReport[]>([]);
/* const getWeeklyReports = async (): Promise<void> => {
const token = localStorage.getItem("accessToken") ?? "";
const response = await api.getWeeklyReports(token);
console.log(response);
if (response.success) {
setWeeklyReports(response.data ?? []);
} else {
console.error(response.message);
}
}; */
const [weeklyReports, setWeeklyReports] = useState<WeeklyReport[]>([]);
const getWeeklyReports = async (): Promise<void> => {
const report: NewWeeklyReport[] = [
{
projectName: projectName ?? "",
week: 10,
developmentTime: 1,
meetingTime: 1,
adminTime: 1,
ownWorkTime: 1,
studyTime: 1,
testingTime: 1,
},
{
projectName: projectName ?? "",
week: 11,
developmentTime: 1,
meetingTime: 1,
adminTime: 1,
ownWorkTime: 100,
studyTime: 1,
testingTime: 1,
},
{
projectName: projectName ?? "",
week: 12,
developmentTime: 1,
meetingTime: 1,
adminTime: 1,
ownWorkTime: 1,
studyTime: 1,
testingTime: 1000,
},
{
projectName: projectName ?? "",
week: 20,
developmentTime: 1,
meetingTime: 1,
adminTime: 1,
ownWorkTime: 1,
studyTime: 1,
testingTime: 10000,
},
// Add more reports as needed
];
setWeeklyReports(report);
await Promise.resolve();
const token = localStorage.getItem("accessToken") ?? "";
const response = await api.getWeeklyReportsForProject(
localStorage.getItem("username") ?? "",
projectName ?? "",
token,
);
console.log(response);
if (response.success) {
setWeeklyReports(response.data ?? []);
} else {
console.error(response.message);
}
};
// Call getProjects when the component mounts
@ -96,7 +53,7 @@ function AllTimeReportsInProject(): JSX.Element {
</h1>
<h1>
<span className="font-bold">{"Signed: "}</span>
YES
{newWeeklyReport.signedBy ? "YES" : "NO"}
</h1>
</div>
</Link>