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

Respect ui configured timezone

Browse Source
This commit is contained in:
Nicolas Mowen 2024-09-12 10:22:39 -06:00
parent d84e3cacca
commit 097d539377
6 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/src/components/card/ReviewCard.tsx
View File

@ -50,6 +50,7 @@ export default function ReviewCard({
const formattedDate = useFormattedTimestamp( const formattedDate = useFormattedTimestamp(
event.start_time, event.start_time,
config?.ui.time_format == "24hour" ? "%H:%M" : "%I:%M %p", config?.ui.time_format == "24hour" ? "%H:%M" : "%I:%M %p",
config?.ui.timezone,
); );
const isSelected = useMemo( const isSelected = useMemo(
() => () =>

1
web/src/components/card/SearchThumbnail.tsx
View File

@ -42,6 +42,7 @@ export default function SearchThumbnail({
const formattedDate = useFormattedTimestamp( const formattedDate = useFormattedTimestamp(
searchResult.start_time, searchResult.start_time,
config?.ui.time_format == "24hour" ? "%b %-d, %H:%M" : "%b %-d, %I:%M %p", config?.ui.time_format == "24hour" ? "%b %-d, %H:%M" : "%b %-d, %I:%M %p",
config?.ui.timezone,
); );
return ( return (

1
web/src/components/overlay/detail/ReviewDetailDialog.tsx
View File

@ -73,6 +73,7 @@ export default function ReviewDetailDialog({
config?.ui.time_format == "24hour" config?.ui.time_format == "24hour"
? "%b %-d %Y, %H:%M" ? "%b %-d %Y, %H:%M"
: "%b %-d %Y, %I:%M %p", : "%b %-d %Y, %I:%M %p",
config?.ui.timezone,
); );
// content // content

1
web/src/components/overlay/detail/SearchDetailDialog.tsx
View File

@ -227,6 +227,7 @@ function ObjectDetailsTab({
config?.ui.time_format == "24hour" config?.ui.time_format == "24hour"
? "%b %-d %Y, %H:%M" ? "%b %-d %Y, %H:%M"
: "%b %-d %Y, %I:%M %p", : "%b %-d %Y, %I:%M %p",
config?.ui.timezone,
); );
const score = useMemo(() => { const score = useMemo(() => {

1
web/src/components/player/PreviewThumbnailPlayer.tsx
View File

@ -168,6 +168,7 @@ export default function PreviewThumbnailPlayer({
const formattedDate = useFormattedTimestamp( const formattedDate = useFormattedTimestamp(
review.start_time, review.start_time,
config?.ui.time_format == "24hour" ? "%b %-d, %H:%M" : "%b %-d, %I:%M %p", config?.ui.time_format == "24hour" ? "%b %-d, %H:%M" : "%b %-d, %I:%M %p",
config?.ui?.timezone,
); );
return ( return (

9
web/src/hooks/use-date-utils.ts
View File

@ -2,12 +2,17 @@ import { FrigateConfig } from "@/types/frigateConfig";
import { formatUnixTimestampToDateTime } from "@/utils/dateUtil"; import { formatUnixTimestampToDateTime } from "@/utils/dateUtil";
import { useMemo } from "react"; import { useMemo } from "react";
export function useFormattedTimestamp(timestamp: number, format: string) { export function useFormattedTimestamp(
timestamp: number,
format: string,
timezone?: string,
) {
const formattedTimestamp = useMemo(() => { const formattedTimestamp = useMemo(() => {
return formatUnixTimestampToDateTime(timestamp, { return formatUnixTimestampToDateTime(timestamp, {
timezone,
strftime_fmt: format, strftime_fmt: format,
}); });
}, [format, timestamp]); }, [format, timestamp, timezone]);
return formattedTimestamp; return formattedTimestamp;
} }