import React, { useEffect, useState } from "react"; import { apiRequest } from "../../api/request"; import { getCorrectDate, getCreatedDate, hourOfNum, } from "../../components/Calendar/calendarHelper"; import { getReportDate, getSendRequest, setSendRequest, } from "../../redux/reportSlice"; import { useDispatch, useSelector } from "react-redux"; import { Link } from "react-router-dom"; 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 [dateTest, setDateTest] = useState(""); function getReportFromDate(day) { setLoader(true); setTaskText([]); setDifficulties([]); setTomorrowTask([]); apiRequest( `reports/find-by-date?user_card_id=${localStorage.getItem( "cardId" )}&date=${day}` ).then((res) => { let spendTime = 0; for (const item of res) { setDateTest(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 (

Ваши отчеты - просмотр отчета за день

Посмотреть подробнее об отчете

{getCorrectDate(reportDate)}

Вами потрачено на работу :{" "} {totalHours} {hourOfNum(totalHours)}

{Boolean(taskText.length) && (
{taskText.length && taskText.map((task, index) => { return ( ); })}

Какие задачи были выполнены?

Время

{index + 1}. {task.task}

{task.hours}

{hourOfNum(task.hours)} на задачу

Всего: {totalHours} {hourOfNum(totalHours)}
{Boolean(difficulties.length) && (

Какие сложности возникли?

{difficulties.map((item, index) => { return

{item}

; })}
)} {Boolean(tomorrowTask.length) && (

Что планируется сделать завтра?

{tomorrowTask.map((item, index) => { return

{item}

; })}
)}
)} {!Boolean(taskText.length) && !loader && (

В этот день вы не заполняли отчет

)}
); }; export default ShortReport;