Fix progress calculation and add totalTaskToday

state
This commit is contained in:
Pattadon 2023-11-27 15:56:44 +07:00
parent 8f866d4820
commit c98ff37b1b

View File

@ -28,6 +28,7 @@ export function Dashboard() {
const [totalTask, setTotalTask] = useState(0); const [totalTask, setTotalTask] = useState(0);
const [totalCompletedTasks, settotalCompletedTasks] = useState(0); const [totalCompletedTasks, settotalCompletedTasks] = useState(0);
const [totalCompletedTasksToday, setTotalCompletedTasksToday] = useState(0); const [totalCompletedTasksToday, setTotalCompletedTasksToday] = useState(0);
const [totalTaskToday, setTotalTaskToday] = useState(0);
const [progressData, setProgressData] = useState(0); const [progressData, setProgressData] = useState(0);
const [overdueTask, setOverdueTask] = useState(0); const [overdueTask, setOverdueTask] = useState(0);
@ -36,19 +37,16 @@ export function Dashboard() {
const response = await axiosInstance.get("/dashboard/todostats/"); const response = await axiosInstance.get("/dashboard/todostats/");
const totalTaskValue = response.data.total_tasks || 0; const totalTaskValue = response.data.total_tasks || 0;
const totalCompletedTasksValue = response.data.total_completed_tasks || 0; const totalCompletedTasksValue = response.data.total_completed_tasks || 0;
const totalTaskTodayValue = response.data.total_task_today || 0;
const totalCompletedTasksTodayValue = const totalCompletedTasksTodayValue =
response.data.total_completed_tasks_today || 0; response.data.tasks_completed_today || 0;
const totalTaskToday = response.data.total_task_today || 0;
const totalCompletedTasksToday = response.data.tasks_completed_today || 0;
const overdueTasks = response.data.overdue_tasks || 0; const overdueTasks = response.data.overdue_tasks || 0;
const progress = (totalCompletedTasksToday / totalTaskToday) * 100;
const progress =
(totalCompletedTasksToday / totalCompletedTasksToday) * 100;
setTotalTask(totalTaskValue); setTotalTask(totalTaskValue);
settotalCompletedTasks(totalCompletedTasksValue); settotalCompletedTasks(totalCompletedTasksValue);
setTotalCompletedTasksToday(totalCompletedTasksTodayValue); setTotalCompletedTasksToday(totalCompletedTasksTodayValue);
setTotalTaskToday(totalTaskToday); setTotalTaskToday(totalTaskTodayValue);
setProgressData(progress); setProgressData(progress);
setOverdueTask(overdueTasks); setOverdueTask(overdueTasks);
}; };
@ -147,7 +145,11 @@ export function Dashboard() {
<Flex className="flex-col items-center"> <Flex className="flex-col items-center">
<ProgressCircle <ProgressCircle
className="mt-6" className="mt-6"
value={progressData} value={
isNaN(progressData) || !isFinite(progressData)
? 0
: `${progressData.toFixed(0)}%`
}
size={200} size={200}
strokeWidth={10} strokeWidth={10}
radius={60} radius={60}