import { useState, useEffect } from "react"; import { useParams } from "react-router-dom"; /** * Renders the component for showing total time per role in a project. * @returns JSX.Element */ export default function TimePerRole(): JSX.Element { const [developmentTime, setDevelopmentTime] = useState(); const [meetingTime, setMeetingTime] = useState(); const [adminTime, setAdminTime] = useState(); const [ownWorkTime, setOwnWorkTime] = useState(); const [studyTime, setStudyTime] = useState(); const [testingTime, setTestingTime] = useState(); // const token = localStorage.getItem("accessToken") ?? ""; // const username = localStorage.getItem("username") ?? ""; const { projectName } = useParams(); // const fetchTimePerRole = async (): Promise => { // const response = await api.getTimePerRole( // username, // projectName ?? "", // token, // ); // { // if (response.success) { // const report: TimePerRole = response.data ?? { // PManagerTime: 0, // SManagerTime: 0, // DeveloperTime: 0, // TesterTime: 0, // }; // } else { // console.error("Failed to fetch weekly report:", response.message); // } // } interface TimePerActivity { developmentTime: number; meetingTime: number; adminTime: number; ownWorkTime: number; studyTime: number; testingTime: number; } const fetchTimePerActivity = async (): Promise => { // Use mock data const report: TimePerActivity = { developmentTime: 100, meetingTime: 200, adminTime: 300, ownWorkTime: 50, studyTime: 75, testingTime: 110, }; // Set the state with the mock data setDevelopmentTime(report.developmentTime); setMeetingTime(report.meetingTime); setAdminTime(report.adminTime); setOwnWorkTime(report.ownWorkTime); setStudyTime(report.studyTime); setTestingTime(report.testingTime); await Promise.resolve(); }; useEffect(() => { void fetchTimePerActivity(); }); return ( <>

Total Time Per Activity In: {projectName}{" "}

Activity Total Time (min)
Development
Meeting
Administration
Own Work
Studies
Testing
); }