administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-02 01:05:20 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

improved functions with useCallback

Browse Source
This commit is contained in:
Bernt Christian Egeland 2021-12-11 10:46:06 +01:00
parent 86f54bb4ff
commit 4e5a368a97
1 changed files with 42 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
web/src/components/Calender.jsx
View File

@ -99,25 +99,38 @@ const Calender = ({ onChange, calenderRef }) => {
setState((prev) => ({ ...prev, selectedDay: todayTimestamp, monthDetails: getMonthDetails(year, month) }));
}, [year, month, getMonthDetails]);
const isCurrentDay = (day) => {
return day.timestamp === todayTimestamp;
};
const isCurrentDay = (day) => day.timestamp === todayTimestamp;
const isSelectedRange = (day) => {
if (!state.timeRange.after || !state.timeRange.before) return;
const isSelectedRange = useCallback(
(day) => {
if (!state.timeRange.after || !state.timeRange.before) return;
return day.timestamp < state.timeRange.before && day.timestamp >= state.timeRange.after;
};
return day.timestamp < state.timeRange.before && day.timestamp >= state.timeRange.after;
},
[state.timeRange]
);
const isFirstDayInRange = (day) => {
if (isCurrentDay(day)) return;
return state.timeRange.after === day.timestamp;
};
const isLastDayInRange = (day) => {
return state.timeRange.before === new Date(day.timestamp).setHours(24, 0, 0, 0);
};
const isFirstDayInRange = useCallback(
(day) => {
if (isCurrentDay(day)) return;
return state.timeRange.after === day.timestamp;
},
[state.timeRange.after]
);
const getMonthStr = (month) => monthMap[Math.max(Math.min(11, month), 0)] || 'Month';
const isLastDayInRange = useCallback(
(day) => {
return state.timeRange.before === new Date(day.timestamp).setHours(24, 0, 0, 0);
},
[state.timeRange.before]
);
const getMonthStr = useCallback(
(month) => {
return monthMap[Math.max(Math.min(11, month), 0)] || 'Month';
},
[monthMap]
);
const onDateClick = (day) => {
const { before, after } = state.timeRange;
@ -155,17 +168,20 @@ const Calender = ({ onChange, calenderRef }) => {
}
};
const setYear = (offset) => {
const year = state.year + offset;
const month = state.month;
setState((prev) => {
return {
...prev,
year,
monthDetails: getMonthDetails(year, month),
};
});
};
const setYear = useCallback(
(offset) => {
const year = state.year + offset;
const month = state.month;
setState((prev) => {
return {
...prev,
year,
monthDetails: getMonthDetails(year, month),
};
});
},
[state.year, state.month, getMonthDetails]
);
const setMonth = (offset) => {
let year = state.year;