import moment from "moment"; import "moment/locale/ru"; import React, { useEffect, useState } from "react"; import { useDispatch } from "react-redux"; import { Link } from "react-router-dom"; import { setReportDate, setRequestDate, setSendRequest, } from "@redux/reportSlice"; import "@components/Calendar/calendarComponent.scss"; import { calendarHelper, currentMonthAndDay, getReports, hourOfNum, } from "@components/Calendar/calendarHelper"; import ShortReport from "@components/ShortReport/ShortReport"; import arrow from "assets/icons/arrows/arrowCalendar.png"; import calendarIcon from "assets/icons/calendar.svg"; import rectangle from "assets/images/rectangle__calendar.png"; export const ProfileCalendarComponent = React.memo( ({ value, setValueHandler, reports, totalHours }) => { const dispatch = useDispatch(); const [currentDay] = useState(moment()); const [calendar, setCalendar] = useState([]); const [month, setMonth] = useState(""); const [shortReport, setShortReport] = useState(false); useEffect(() => { setCalendar(calendarHelper(value)); }, [value]); useEffect(() => { setMonth(value.format("MMMM")); }, [month]); function isToday(day) { return day.isSame(new Date(), "day"); } function correctDay(day) { if (day < 10) { return `0${day}`; } return day; } function dayStyles(day) { if (currentDay < day) return `block`; for (const date of reports) { if ( `${new Date(day).getFullYear()}-${correctDay( new Date(day).getMonth() + 1 )}-${correctDay(new Date(day).getDate())}` === date.created_at ) { return `before`; } } if (day.day() === 6 || day.day() === 0) return `selected`; if (isToday(day)) return `today`; return "pass"; } function correctRoute(day) { for (const date of reports) { if ( `${new Date(day).getFullYear()}-${correctDay( new Date(day).getMonth() + 1 )}-${correctDay(new Date(day).getDate())}` === date.created_at ) { return "#"; } } return "../../report"; } function prevMonth() { return value.clone().subtract(1, "month"); } function nextMonth() { return value.clone().add(1, "month"); } return (

Мои отчеты:

{month}  {totalHours} {hourOfNum(totalHours)}{" "}

{ setValueHandler(prevMonth()); dispatch(setRequestDate(getReports(prevMonth()))); }} > {prevMonth().format("MMMM")}
{value.format("YYYY")}
{ setValueHandler(nextMonth()); dispatch(setRequestDate(getReports(nextMonth()))); }} > {nextMonth().format("MMMM")}

Пн

Вт

Ср

Чт

Пт

Сб

Вс

{calendar.map((week) => week.map((day) => ( )) )}
{shortReport && }
); } );