apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

calendar range days

Browse Source
This commit is contained in:
Mikola 2023-10-12 12:50:17 +03:00
parent 8b49a3a7c2
commit 95ba471e1f
2 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ProfileCalendar/ProfileCalendar.jsx
View File

@ -43,8 +43,8 @@ export const ProfileCalendar = () => {
setValue(value); setValue(value);
} }
function setStartDateRange (date) { function setStartDateRange(date) {
setStartDate(date) setStartDate(date);
} }
function toggleStartRangeDays() { function toggleStartRangeDays() {

28
src/components/ProfileCalendar/ProfileCalendarComponent.jsx
View File

@ -39,7 +39,7 @@ export const ProfileCalendarComponent = React.memo(
startRangeDays, startRangeDays,
toggleRangeDays, toggleRangeDays,
startDate, startDate,
setStartDateRange setStartDateRange,
}) => { }) => {
const dispatch = useDispatch(); const dispatch = useDispatch();
@ -60,7 +60,7 @@ export const ProfileCalendarComponent = React.memo(
})); }));
}); });
if (endDate) { if (endDate) {
resetRangeDays() resetRangeDays();
} }
}, [value]); }, [value]);
@ -117,11 +117,14 @@ export const ProfileCalendarComponent = React.memo(
} }
function reportsByDate(endDay) { function reportsByDate(endDay) {
const requestDates = startDate < endDay ? `fromDate=${getCorrectYYMMDD( const requestDates =
startDate < endDay
? `fromDate=${getCorrectYYMMDD(
startDate._d startDate._d
)}&toDate=${getCorrectYYMMDD(endDay._d)}` : `fromDate=${getCorrectYYMMDD( )}&toDate=${getCorrectYYMMDD(endDay._d)}`
endDay._d : `fromDate=${getCorrectYYMMDD(endDay._d)}&toDate=${getCorrectYYMMDD(
)}&toDate=${getCorrectYYMMDD(startDate._d)}`; startDate._d
)}`;
apiRequest( apiRequest(
`/reports/reports-by-date?${requestDates}&user_card_id=${localStorage.getItem( `/reports/reports-by-date?${requestDates}&user_card_id=${localStorage.getItem(
"cardId" "cardId"
@ -158,8 +161,7 @@ export const ProfileCalendarComponent = React.memo(
new Date(curDay) < day new Date(curDay) < day
) { ) {
selectRange[curDay] = true; selectRange[curDay] = true;
} } else {
else {
selectRange[curDay] = false; selectRange[curDay] = false;
} }
} else { } else {
@ -169,8 +171,7 @@ export const ProfileCalendarComponent = React.memo(
new Date(curDay) > day new Date(curDay) > day
) { ) {
selectRange[curDay] = true; selectRange[curDay] = true;
} } else {
else {
selectRange[curDay] = false; selectRange[curDay] = false;
} }
} }
@ -266,7 +267,8 @@ export const ProfileCalendarComponent = React.memo(
className={ className={
startRangeDays startRangeDays
? `selectDays ${ ? `selectDays ${
String(startDate?._d) === String(day._d) || endDate === day String(startDate?._d) === String(day._d) ||
endDate === day
? "selectedDay" ? "selectedDay"
: "" : ""
} ${endDate ? "disable" : ""} ${ } ${endDate ? "disable" : ""} ${
@ -299,7 +301,9 @@ export const ProfileCalendarComponent = React.memo(
}} }}
> >
{endDate {endDate
? startDate < endDate ? `${getCorrectDate(startDate)} - ${getCorrectDate(endDate)}` : `${getCorrectDate(endDate)} - ${getCorrectDate(startDate)}` ? startDate < endDate
? `${getCorrectDate(startDate)} - ${getCorrectDate(endDate)}`
: `${getCorrectDate(endDate)} - ${getCorrectDate(startDate)}`
: "Выбрать диапазон"} : "Выбрать диапазон"}
</span> </span>
<span> <span>