2024-03-04 03:19:02 +03:00
|
|
|
import { FrigateConfig } from "@/types/frigateConfig";
|
2024-02-25 22:04:44 +03:00
|
|
|
import { formatUnixTimestampToDateTime } from "@/utils/dateUtil";
|
|
|
|
|
import { useMemo } from "react";
|
|
|
|
|
|
|
|
|
|
export function useFormattedTimestamp(timestamp: number, format: string) {
|
|
|
|
|
const formattedTimestamp = useMemo(() => {
|
|
|
|
|
return formatUnixTimestampToDateTime(timestamp, {
|
|
|
|
|
strftime_fmt: format,
|
|
|
|
|
});
|
|
|
|
|
}, [format, timestamp]);
|
|
|
|
|
|
|
|
|
|
return formattedTimestamp;
|
|
|
|
|
}
|
2024-03-04 03:19:02 +03:00
|
|
|
|
2024-06-23 23:58:00 +03:00
|
|
|
export function useFormattedRange(start: number, end: number, format: string) {
|
|
|
|
|
const formattedStart = useMemo(() => {
|
|
|
|
|
return formatUnixTimestampToDateTime(start, {
|
|
|
|
|
strftime_fmt: format,
|
|
|
|
|
});
|
|
|
|
|
}, [format, start]);
|
|
|
|
|
const formattedEnd = useMemo(() => {
|
|
|
|
|
return formatUnixTimestampToDateTime(end, {
|
|
|
|
|
strftime_fmt: format,
|
|
|
|
|
});
|
|
|
|
|
}, [format, end]);
|
|
|
|
|
|
|
|
|
|
return `${formattedStart} - ${formattedEnd}`;
|
|
|
|
|
}
|
|
|
|
|
|
2024-03-04 03:19:02 +03:00
|
|
|
export function useTimezone(config: FrigateConfig | undefined) {
|
|
|
|
|
return useMemo(() => {
|
|
|
|
|
if (!config) {
|
|
|
|
|
return undefined;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
config.ui?.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone
|
|
|
|
|
);
|
|
|
|
|
}, [config]);
|
|
|
|
|
}
|