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

Cleanup reloading on focus

Browse Source
This commit is contained in:
Nick Mowen 2023-12-07 16:38:49 -07:00
parent 05ffd24760
commit 38fd5cd45e
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web-new/src/pages/Review.tsx
View File

@ -12,7 +12,7 @@ export function Review() {
const timezone = useMemo(() => config?.ui?.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone, [config]); const timezone = useMemo(() => config?.ui?.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone, [config]);
const start = useMemo(() => new Date().getTime() / 1000, []); const start = useMemo(() => new Date().getTime() / 1000, []);
const { data: hourlyTimeline } = useSWR<HourlyTimeline>(['timeline/hourly', { timezone }]); const { data: hourlyTimeline } = useSWR<HourlyTimeline>(['timeline/hourly', { timezone }]);
const { data: allPreviews } = useSWR<Preview[]>(`preview/all/start/${Object.keys(hourlyTimeline || [0])[0]}/end/${start}`); const { data: allPreviews } = useSWR<Preview[]>(`preview/all/start/${Object.keys(hourlyTimeline || [0])[0]}/end/${start}`, { revalidateOnFocus: false });
// detail levels can be normal, extra, full // detail levels can be normal, extra, full
const [detailLevel, setDetailLevel] = useState('normal'); const [detailLevel, setDetailLevel] = useState('normal');
@ -103,13 +103,17 @@ export function Review() {
<div className="text-xs mb-4">Dates and times are based on the timezone {timezone}</div> <div className="text-xs mb-4">Dates and times are based on the timezone {timezone}</div>
<div> <div>
{Object.keys(timelineCards).reverse().map((day) => { {Object.entries(timelineCards).reverse().map(([day, timelineDay]) => {
return ( return (
<div key={day}> <div key={day}>
<Heading as="h3"> <Heading as="h3">
{formatUnixTimestampToDateTime(parseInt(day), { strftime_fmt: '%A %b %d' })} {formatUnixTimestampToDateTime(parseInt(day), { strftime_fmt: '%A %b %d' })}
</Heading> </Heading>
{Object.entries(timelineCards[day]).map(([hour, timelineHour]) => { {Object.entries(timelineDay).map(([hour, timelineHour]) => {
if (Object.values(timelineHour).length == 0) {
return <></>;
}
return ( return (
<div key={hour}> <div key={hour}>
<Heading as="h4"> <Heading as="h4">