@@ -260,7 +269,7 @@ export default function MobileReviewSettingsDrawer({
className="absolute left-0 text-selected"
onClick={() => setDrawerMode("select")}
>
- Back
+ {t("button.back", { ns: "common" })}
Filter
diff --git a/web/src/components/settings/ObjectMaskEditPane.tsx b/web/src/components/settings/ObjectMaskEditPane.tsx
index aa4f1b63a..80b36ec95 100644
--- a/web/src/components/settings/ObjectMaskEditPane.tsx
+++ b/web/src/components/settings/ObjectMaskEditPane.tsx
@@ -211,6 +211,7 @@ export default function ObjectMaskEditPane({
toast.error(
t("toast.save.error", {
errorMessage: res.statusText,
+ ns: "common",
}),
{
position: "top-center",
@@ -226,6 +227,7 @@ export default function ObjectMaskEditPane({
toast.error(
t("toast.save.error", {
errorMessage,
+ ns: "common",
}),
{
position: "top-center",
diff --git a/web/src/components/settings/ZoneEditPane.tsx b/web/src/components/settings/ZoneEditPane.tsx
index d9988b161..ab72a894f 100644
--- a/web/src/components/settings/ZoneEditPane.tsx
+++ b/web/src/components/settings/ZoneEditPane.tsx
@@ -330,7 +330,7 @@ export default function ZoneEditPane({
// Wait for the config to be updated
mutatedConfig = await updateConfig();
} catch (error) {
- toast.error(t("toast.save.error.noMessage"), {
+ toast.error(t("toast.save.error.noMessage", { ns: "common" }), {
position: "top-center",
});
return;
@@ -422,7 +422,10 @@ export default function ZoneEditPane({
updateConfig();
} else {
toast.error(
- t("toast.save.error", { errorMessage: res.statusText }),
+ t("toast.save.error", {
+ errorMessage: res.statusText,
+ ns: "common",
+ }),
{
position: "top-center",
},
@@ -437,6 +440,7 @@ export default function ZoneEditPane({
toast.error(
t("toast.save.error", {
errorMessage,
+ ns: "common",
}),
{
position: "top-center",
diff --git a/web/src/pages/Events.tsx b/web/src/pages/Events.tsx
index 107268d93..d477f5693 100644
--- a/web/src/pages/Events.tsx
+++ b/web/src/pages/Events.tsx
@@ -22,11 +22,13 @@ import {
import EventView from "@/views/events/EventView";
import { RecordingView } from "@/views/recording/RecordingView";
import axios from "axios";
-import { t } from "i18next";
import { useCallback, useEffect, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
import useSWR from "swr";
export default function Events() {
+ const { t } = useTranslation(["views/events"]);
+
const { data: config } = useSWR
("config", {
revalidateOnFocus: false,
});
@@ -78,11 +80,11 @@ export default function Events() {
useEffect(() => {
if (recording) {
- document.title = t("recordings.documentTitle", { ns: "views/events" });
+ document.title = t("recordings.documentTitle");
} else {
- document.title = t("documentTitle", { ns: "views/events" });
+ document.title = t("documentTitle");
}
- }, [recording, severity]);
+ }, [recording, severity, t]);
// review filter
diff --git a/web/src/pages/Settings.tsx b/web/src/pages/Settings.tsx
index eea047bef..452abf41f 100644
--- a/web/src/pages/Settings.tsx
+++ b/web/src/pages/Settings.tsx
@@ -37,13 +37,13 @@ import AuthenticationView from "@/views/settings/AuthenticationView";
import NotificationView from "@/views/settings/NotificationsSettingsView";
import SearchSettingsView from "@/views/settings/SearchSettingsView";
import UiSettingsView from "@/views/settings/UiSettingsView";
-import { t } from "i18next";
import { useSearchEffect } from "@/hooks/use-overlay-state";
import { useSearchParams } from "react-router-dom";
import { useInitialCameraState } from "@/api/ws";
import { isInIframe } from "@/utils/isIFrame";
import { isPWA } from "@/utils/isPWA";
import { useIsAdmin } from "@/hooks/use-is-admin";
+import { useTranslation } from "react-i18next";
const allSettingsViews = [
"uiSettings",
@@ -58,6 +58,7 @@ const allSettingsViews = [
type SettingsType = (typeof allSettingsViews)[number];
export default function Settings() {
+ const { t } = useTranslation(["views/settings"]);
const [page, setPage] = useState("uiSettings");
const [pageToggle, setPageToggle] = useOptimisticState(page, setPage, 100);
const tabsRef = useRef(null);
@@ -164,7 +165,7 @@ export default function Settings() {
useSearchEffect("page", (page: string) => {
if (allSettingsViews.includes(page as SettingsType)) {
// Restrict viewer to UI settings
- if (!isAdmin && !["UI settings", "debug"].includes(page)) {
+ if (!isAdmin && !["uiSettings", "debug"].includes(page)) {
setPage("uiSettings");
} else {
setPage(page as SettingsType);
@@ -200,7 +201,7 @@ export default function Settings() {
onValueChange={(value: SettingsType) => {
if (value) {
// Restrict viewer navigation
- if (!isAdmin && !["UI settings", "debug"].includes(value)) {
+ if (!isAdmin && !["uiSettings", "debug"].includes(value)) {
setPageToggle("uiSettings");
} else {
setPageToggle(value);
@@ -216,9 +217,7 @@ export default function Settings() {
data-nav-item={item}
aria-label={`Select ${item}`}
>
-
- {t("menu." + item, { ns: "views/settings" })}
-
+ {t("menu." + item)}
))}
diff --git a/web/src/views/events/EventView.tsx b/web/src/views/events/EventView.tsx
index d7ef32646..b588fb1ff 100644
--- a/web/src/views/events/EventView.tsx
+++ b/web/src/views/events/EventView.tsx
@@ -214,7 +214,7 @@ export default function EventView({
error.response?.data?.detail ||
"Unknown error";
toast.error(
- t("export.toast.error", {
+ t("export.toast.error.failed", {
ns: "components/dialog",
message: errorMessage,
}),
diff --git a/web/src/views/settings/CameraSettingsView.tsx b/web/src/views/settings/CameraSettingsView.tsx
index 4dd34590c..2b052f20f 100644
--- a/web/src/views/settings/CameraSettingsView.tsx
+++ b/web/src/views/settings/CameraSettingsView.tsx
@@ -27,8 +27,7 @@ import { LuExternalLink } from "react-icons/lu";
import { capitalizeFirstLetter } from "@/utils/stringUtil";
import { MdCircle } from "react-icons/md";
import { cn } from "@/lib/utils";
-import { Trans } from "react-i18next";
-import { t } from "i18next";
+import { Trans, useTranslation } from "react-i18next";
import { Switch } from "@/components/ui/switch";
import { Label } from "@/components/ui/label";
import { useAlertsState, useDetectionsState, useEnabledState } from "@/api/ws";
@@ -47,6 +46,8 @@ export default function CameraSettingsView({
selectedCamera,
setUnsavedChanges,
}: CameraSettingsViewProps) {
+ const { t } = useTranslation(["views/settings"]);
+
const { data: config, mutate: updateConfig } =
useSWR("config");
@@ -81,7 +82,7 @@ export default function CameraSettingsView({
.map((label) => t(label, { ns: "objects" }))
.join(", ")
: "";
- }, [cameraConfig]);
+ }, [cameraConfig, t]);
const detectionsLabels = useMemo(() => {
return cameraConfig?.review.detections.labels
@@ -89,7 +90,7 @@ export default function CameraSettingsView({
.map((label) => t(label, { ns: "objects" }))
.join(", ")
: "";
- }, [cameraConfig]);
+ }, [cameraConfig, t]);
// form
@@ -165,7 +166,10 @@ export default function CameraSettingsView({
updateConfig();
} else {
toast.error(
- t("toast.save.error", { errorMessage: res.statusText }),
+ t("toast.save.error", {
+ errorMessage: res.statusText,
+ ns: "common",
+ }),
{
position: "top-center",
},
@@ -180,6 +184,7 @@ export default function CameraSettingsView({
toast.error(
t("toast.save.error", {
errorMessage,
+ ns: "common",
}),
{
position: "top-center",
@@ -190,7 +195,7 @@ export default function CameraSettingsView({
setIsLoading(false);
});
},
- [updateConfig, setIsLoading, selectedCamera, cameraConfig],
+ [updateConfig, setIsLoading, selectedCamera, cameraConfig, t],
);
const onCancel = useCallback(() => {
@@ -461,7 +466,6 @@ export default function CameraSettingsView({
cameraName: capitalizeFirstLetter(
cameraConfig?.name ?? "",
).replaceAll("_", " "),
- ns: "views/settings",
},
)
: t("camera.reviewClassification.objectAlertsTips", {
@@ -469,7 +473,6 @@ export default function CameraSettingsView({
cameraName: capitalizeFirstLetter(
cameraConfig?.name ?? "",
).replaceAll("_", " "),
- ns: "views/settings",
})}
- Notifications suspended until{" "}
+ Notifications suspended{" "}
{formatSuspendedUntil(notificationSuspendUntil)}
)}
diff --git a/web/src/views/settings/SearchSettingsView.tsx b/web/src/views/settings/SearchSettingsView.tsx
index 79ac7e3f4..1ddee7a11 100644
--- a/web/src/views/settings/SearchSettingsView.tsx
+++ b/web/src/views/settings/SearchSettingsView.tsx
@@ -100,9 +100,15 @@ export default function ExploreSettingsView({
setChangedValue(false);
updateConfig();
} else {
- toast.error(t("toast.save.error", { errorMessage: res.statusText }), {
- position: "top-center",
- });
+ toast.error(
+ t("toast.save.error", {
+ errorMessage: res.statusText,
+ ns: "common",
+ }),
+ {
+ position: "top-center",
+ },
+ );
}
})
.catch((error) => {
@@ -113,6 +119,7 @@ export default function ExploreSettingsView({
toast.error(
t("toast.save.error", {
errorMessage,
+ ns: "common",
}),
{
position: "top-center",