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

reuse before, after

Browse Source
This commit is contained in:
Bernt Christian Egeland 2023-01-22 15:37:58 +01:00
parent a6d18fed92
commit 6a98ec9665
1 changed files with 15 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
web/src/components/TimePicker.jsx
View File

@ -9,14 +9,24 @@ const TimePicker = ({ dateRange, onChange }) => {
const [hoverIdx, setHoverIdx] = useState(null); const [hoverIdx, setHoverIdx] = useState(null);
const [reset, setReset] = useState(false); const [reset, setReset] = useState(false);
/**
* Initializes two variables before and after with date objects,
* If they are not null, it creates a new Date object with the value of the property and if not,
* it creates a new Date object with the current hours to 0 and 24 respectively.
*/
const before = useMemo(() => {
return dateRange.before ? new Date(dateRange.before) : new Date(new Date().setHours(24, 0, 0, 0));
}, [dateRange]);
const after = useMemo(() => {
return dateRange.after ? new Date(dateRange.after) : new Date(new Date().setHours(0, 0, 0, 0));
}, [dateRange]);
useEffect(() => { useEffect(() => {
if (reset) return; if (reset) return;
const after = new Date(dateRange.after);
const before = new Date(dateRange.before);
if (!after || !before) return; if (!after || !before) return;
if (before.getHours() === 0) return; if (before.getHours() === 0 && after.getHours() === 0) return setTimeRange(new Set());
/** /**
* calculates the number of hours between two dates, by finding the difference in days, * calculates the number of hours between two dates, by finding the difference in days,
@ -41,20 +51,8 @@ const TimePicker = ({ dateRange, onChange }) => {
if (element) { if (element) {
element.scrollIntoViewIfNeeded(true); element.scrollIntoViewIfNeeded(true);
} }
}, [dateRange, timeRange, reset]); }, [after, before, timeRange, reset]);
/**
* Initializes two variables before and after with date objects,
* If they are not null, it creates a new Date object with the value of the property and if not,
* it creates a new Date object with the current hours to 0 and 24 respectively.
*/
const before = useMemo(() => {
return dateRange.before ? new Date(dateRange.before) : new Date(new Date().setHours(24, 0, 0, 0));
}, [dateRange]);
const after = useMemo(() => {
return dateRange.after ? new Date(dateRange.after) : new Date(new Date().setHours(0, 0, 0, 0));
}, [dateRange]);
/** /**
* numberOfDaysSelected is a set that holds the number of days selected in the dateRange. * numberOfDaysSelected is a set that holds the number of days selected in the dateRange.
* The loop iterates through the days starting from the after date's day to the before date's day. * The loop iterates through the days starting from the after date's day to the before date's day.