import React, { useState } from "react"; import { useDispatch, useSelector } from "react-redux"; import { Link } from "react-router-dom"; import { getReportDate, getSendRequest, setSendRequest, } from "@redux/reportSlice"; import { apiRequest } from "@api/request"; import { getCorrectDate, getCreatedDate, hourOfNum, } from "@components/Calendar/calendarHelper"; import { Loader } from "@components/Common/Loader/Loader"; import "./shortReport.scss"; export const ShortReport = ({}) => { const reportDate = useSelector(getReportDate); const sendReport = useSelector(getSendRequest); const dispatch = useDispatch(); const [taskText, setTaskText] = useState([]); const [difficulties, setDifficulties] = useState([]); const [tomorrowTask, setTomorrowTask] = useState([]); const [totalHours, setTotalHours] = useState(0); const [loader, setLoader] = useState(false); const [dateCreate, setDateCreate] = useState(""); function getReportFromDate(day) { setLoader(true); setTaskText([]); setDifficulties([]); setTomorrowTask([]); setTotalHours(0); apiRequest( `reports/find-by-date?user_card_id=${localStorage.getItem( "cardId" )}&date=${day}` ).then((res) => { let spendTime = 0; for (const item of res) { setDateCreate(item.created_at); if (item.difficulties) { setDifficulties((prevArray) => [...prevArray, item.difficulties]); } if (item.tomorrow) { setTomorrowTask((prevArray) => [...prevArray, item.tomorrow]); } item.task.map((task) => { const taskInfo = { hours: task.hours_spent, task: task.task, id: task.id, }; if (task.hours_spent) { spendTime += Number(task.hours_spent); } setTaskText((prevArray) => [...prevArray, taskInfo]); }); } setTotalHours(spendTime); setLoader(false); }); } if (sendReport) { dispatch(setSendRequest(false)); getReportFromDate(getCreatedDate(reportDate)); } return (
Вами потрачено на работу :{" "} {totalHours} {hourOfNum(totalHours)}
Какие задачи были выполнены? |
Время |
---|---|
{index + 1}. {task.task} |
{task.hours}
{hourOfNum(task.hours)} на задачу |
Всего: {totalHours} {hourOfNum(totalHours)} |
{item}
; })}{item}
; })}В этот день вы не заполняли отчет