("config", {
revalidateOnFocus: false,
});
@@ -900,12 +900,17 @@ export default function InputWithTags({
className="cursor-pointer"
onSelect={() => handleSuggestionClick(suggestion)}
>
- {currentFilterType
- ? formatFilterValues(currentFilterType, suggestion)
- : t("filter.label." + suggestion)}
- {" ("}
- {suggestion}
- {")"}
+ {i18n.language === "en" ? (
+ suggestion
+ ) : (
+ <>
+ {suggestion} {" ("}
+ {currentFilterType
+ ? formatFilterValues(currentFilterType, suggestion)
+ : t("filter.label." + suggestion)}
+ {")"}
+
+ )}
))}
diff --git a/web/src/components/menu/SearchResultActions.tsx b/web/src/components/menu/SearchResultActions.tsx
index b6d664b39..4d08332a7 100644
--- a/web/src/components/menu/SearchResultActions.tsx
+++ b/web/src/components/menu/SearchResultActions.tsx
@@ -104,7 +104,7 @@ export default function SearchResultActions({
download={`${searchResult.camera}_${searchResult.label}.mp4`}
>
- {t("itemMenu.downloadVideo")}
+ {t("itemMenu.downloadVideo.label")}
)}
diff --git a/web/src/components/overlay/detail/ObjectLifecycle.tsx b/web/src/components/overlay/detail/ObjectLifecycle.tsx
index 1809ff56f..5d718f4a7 100644
--- a/web/src/components/overlay/detail/ObjectLifecycle.tsx
+++ b/web/src/components/overlay/detail/ObjectLifecycle.tsx
@@ -570,8 +570,12 @@ export default function ObjectLifecycle({
timezone: config.ui.timezone,
strftime_fmt:
config.ui.time_format == "24hour"
- ? t("time.formattedTimestamp2.24hour")
- : t("time.formattedTimestamp2"),
+ ? t("time.formattedTimestamp2.24hour", {
+ ns: "common",
+ })
+ : t("time.formattedTimestamp2", {
+ ns: "common",
+ }),
time_style: "medium",
date_style: "medium",
})}
diff --git a/web/src/components/overlay/detail/SearchDetailDialog.tsx b/web/src/components/overlay/detail/SearchDetailDialog.tsx
index 9bc384861..174e4660f 100644
--- a/web/src/components/overlay/detail/SearchDetailDialog.tsx
+++ b/web/src/components/overlay/detail/SearchDetailDialog.tsx
@@ -226,7 +226,7 @@ export default function SearchDetailDialog({
{item == "object_lifecycle" && (
)}
- {t("type.{item}")}
+ {t(`type.${item}`)}
))}
@@ -310,8 +310,8 @@ function ObjectDetailsTab({
const formattedDate = useFormattedTimestamp(
search?.start_time ?? 0,
config?.ui.time_format == "24hour"
- ? t("time.formattedTimestampWithYear.24hour")
- : t("time.formattedTimestampWithYear"),
+ ? t("time.formattedTimestampWithYear.24hour", { ns: "common" })
+ : t("time.formattedTimestampWithYear", { ns: "common" }),
config?.ui.timezone,
);
@@ -902,10 +902,10 @@ export function ObjectSnapshotTab({
"text-lg font-semibold leading-none tracking-tight"
}
>
- {t("explore.submitToPlus.label")}
+ {t("explore.plus.submitToPlus.label")}
- {t("explore.submitToPlus.desc")}
+ {t("explore.plus.submitToPlus.desc")}
diff --git a/web/src/components/player/PlayerStats.tsx b/web/src/components/player/PlayerStats.tsx
index 4289b1257..d792acc13 100644
--- a/web/src/components/player/PlayerStats.tsx
+++ b/web/src/components/player/PlayerStats.tsx
@@ -25,7 +25,7 @@ export function PlayerStats({ stats, minimal }: PlayerStatsProps) {
2 ? "text-danger" : ""}`}
>
- {t("stats.latency.value", { secounds: stats.latency.toFixed(2) })}
+ {t("stats.latency.value", { seconds: stats.latency.toFixed(2) })}
)}
@@ -73,7 +73,7 @@ export function PlayerStats({ stats, minimal }: PlayerStatsProps) {
className={`text-white ${stats.latency >= 2 ? "text-danger" : ""}`}
>
{t("stats.latency.short.value", {
- secounds: stats.latency.toFixed(2),
+ seconds: stats.latency.toFixed(2),
})}
diff --git a/web/src/components/settings/CameraStreamingDialog.tsx b/web/src/components/settings/CameraStreamingDialog.tsx
index f9b2ac24b..307ae2ee5 100644
--- a/web/src/components/settings/CameraStreamingDialog.tsx
+++ b/web/src/components/settings/CameraStreamingDialog.tsx
@@ -290,14 +290,18 @@ export function CameraStreamingDialog({
- {t("group.camera.setting.streamMethod.method.noStreaming")}
+ {t(
+ "group.camera.setting.streamMethod.method.noStreaming.label",
+ )}
- {t("group.camera.setting.streamMethod.method.smartStreaming")}
+ {t(
+ "group.camera.setting.streamMethod.method.smartStreaming.label",
+ )}
{t(
- "group.camera.setting.streamMethod.method.continuousStreaming",
+ "group.camera.setting.streamMethod.method.continuousStreaming.label",
)}
@@ -344,7 +348,7 @@ export function CameraStreamingDialog({
htmlFor="compatibility"
className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
>
- {t("group.camera.setting.compatibilityMode")}
+ {t("group.camera.setting.compatibilityMode.label")}
diff --git a/web/src/components/ui/calendar-range.tsx b/web/src/components/ui/calendar-range.tsx
index e360010b4..3c2974634 100644
--- a/web/src/components/ui/calendar-range.tsx
+++ b/web/src/components/ui/calendar-range.tsx
@@ -12,10 +12,7 @@ import {
import { Switch } from "./switch";
import { cn } from "@/lib/utils";
import { LuCheck } from "react-icons/lu";
-import { useTranslation } from "react-i18next";
-
-const { t } = useTranslation(["common"]);
-
+import { t } from "i18next";
export interface DateRangePickerProps {
/** Click handler for applying the updates from DateRangePicker. */
@@ -433,7 +430,7 @@ export function DateRangePicker({
}
}}
>
- {t("button.apply", { ns: "common"})}
+ {t("button.apply", { ns: "common" })}
diff --git a/web/src/components/ui/pagination.tsx b/web/src/components/ui/pagination.tsx
index 6d7a25073..439344fc3 100644
--- a/web/src/components/ui/pagination.tsx
+++ b/web/src/components/ui/pagination.tsx
@@ -1,11 +1,9 @@
-import * as React from "react"
-import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
+import * as React from "react";
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
-import { cn } from "@/lib/utils"
-import { ButtonProps, buttonVariants } from "@/components/ui/button"
-import { useTranslation } from "react-i18next"
-
-const { t } = useTranslation(["common"])
+import { cn } from "@/lib/utils";
+import { ButtonProps, buttonVariants } from "@/components/ui/button";
+import { t } from "i18next";
const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (