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

fix explore

Browse Source
This commit is contained in:
Josh Hawkins 2025-04-22 15:57:54 -05:00
parent d218ca251f
commit 033078ccac
4 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/components/button/DownloadVideoButton.tsx
View File

@ -4,6 +4,10 @@ import { FaDownload } from "react-icons/fa";
import { formatUnixTimestampToDateTime } from "@/utils/dateUtil"; import { formatUnixTimestampToDateTime } from "@/utils/dateUtil";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import useSWR from "swr";
import { FrigateConfig } from "@/types/frigateConfig";
import { useDateLocale } from "@/hooks/use-date-locale";
import { useMemo } from "react";
type DownloadVideoButtonProps = { type DownloadVideoButtonProps = {
source: string; source: string;
@ -19,10 +23,17 @@ export function DownloadVideoButton({
className, className,
}: DownloadVideoButtonProps) { }: DownloadVideoButtonProps) {
const { t } = useTranslation(["components/input"]); const { t } = useTranslation(["components/input"]);
const { data: config } = useSWR<FrigateConfig>("config");
const locale = useDateLocale();
const timeFormat = config?.ui.time_format === "24hour" ? "24hour" : "12hour";
const format = useMemo(() => {
return t(`time.formattedTimestampFilename.${timeFormat}`, { ns: "common" });
}, [t, timeFormat]);
const formattedDate = formatUnixTimestampToDateTime(startTime, { const formattedDate = formatUnixTimestampToDateTime(startTime, {
strftime_fmt: "%D-%T", date_format: format,
time_style: "medium", locale,
date_style: "medium",
}); });
const filename = `${camera}_${formattedDate}.mp4`; const filename = `${camera}_${formattedDate}.mp4`;

4
web/src/components/card/SearchThumbnailFooter.tsx
View File

@ -32,8 +32,8 @@ export default function SearchThumbnailFooter({
const formattedDate = useFormattedTimestamp( const formattedDate = useFormattedTimestamp(
searchResult.start_time, searchResult.start_time,
config?.ui.time_format == "24hour" config?.ui.time_format == "24hour"
? t("time.formattedTimestampExcludeSeconds.24hour", { ns: "common" }) ? t("time.formattedTimestampMonthDayHourMinute.24hour", { ns: "common" })
: t("time.formattedTimestampExcludeSeconds.12hour", { ns: "common" }), : t("time.formattedTimestampMonthDayHourMinute.12hour", { ns: "common" }),
config?.ui.timezone, config?.ui.timezone,
); );

2
web/src/components/overlay/detail/ObjectLifecycle.tsx
View File

@ -578,7 +578,7 @@ export default function ObjectLifecycle({
<div className="text-sm text-primary-variant"> <div className="text-sm text-primary-variant">
{formatUnixTimestampToDateTime(item.timestamp, { {formatUnixTimestampToDateTime(item.timestamp, {
timezone: config.ui.timezone, timezone: config.ui.timezone,
strftime_fmt: date_format:
config.ui.time_format == "24hour" config.ui.time_format == "24hour"
? t("time.formattedTimestamp2.24hour", { ? t("time.formattedTimestamp2.24hour", {
ns: "common", ns: "common",

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

@ -320,8 +320,12 @@ function ObjectDetailsTab({
const formattedDate = useFormattedTimestamp( const formattedDate = useFormattedTimestamp(
search?.start_time ?? 0, search?.start_time ?? 0,
config?.ui.time_format == "24hour" config?.ui.time_format == "24hour"
? t("time.formattedTimestampWithYear.24hour", { ns: "common" }) ? t("time.formattedTimestampMonthDayYearHourMinute.24hour", {
: t("time.formattedTimestampWithYear.12hour", { ns: "common" }), ns: "common",
})
: t("time.formattedTimestampMonthDayYearHourMinute.12hour", {
ns: "common",
}),
config?.ui.timezone, config?.ui.timezone,
); );