diff --git a/web/src/components/settings/General.tsx b/web/src/components/settings/General.tsx
index 4d8465299..d82731300 100644
--- a/web/src/components/settings/General.tsx
+++ b/web/src/components/settings/General.tsx
@@ -10,8 +10,13 @@ import {
SelectValue,
} from "@/components/ui/select";
import { Switch } from "@/components/ui/switch";
+import { useEffect } from "react";
export default function General() {
+ useEffect(() => {
+ document.title = "General Settings - Frigate";
+ }, []);
+
return (
<>
Settings
diff --git a/web/src/components/settings/MasksAndZones.tsx b/web/src/components/settings/MasksAndZones.tsx
index 84999da8f..5e17a534f 100644
--- a/web/src/components/settings/MasksAndZones.tsx
+++ b/web/src/components/settings/MasksAndZones.tsx
@@ -171,6 +171,7 @@ export default function MasksAndZones({
setActivePolygonIndex(undefined);
setHoveredPolygonIndex(null);
setUnsavedChanges(false);
+ document.title = "Mask and Zone Editor - Frigate";
}, [allPolygons, setUnsavedChanges]);
const handleSave = useCallback(() => {
@@ -353,6 +354,10 @@ export default function MasksAndZones({
}
}, [selectedCamera]);
+ useEffect(() => {
+ document.title = "Mask and Zone Editor - Frigate";
+ }, []);
+
if (!cameraConfig && !selectedCamera) {
return ;
}
diff --git a/web/src/components/settings/MotionMaskEditPane.tsx b/web/src/components/settings/MotionMaskEditPane.tsx
index 5b54a1122..1797c2d99 100644
--- a/web/src/components/settings/MotionMaskEditPane.tsx
+++ b/web/src/components/settings/MotionMaskEditPane.tsx
@@ -2,7 +2,7 @@ import Heading from "../ui/heading";
import { Separator } from "../ui/separator";
import { Button } from "@/components/ui/button";
import { Form, FormField, FormItem, FormMessage } from "@/components/ui/form";
-import { useCallback, useMemo } from "react";
+import { useCallback, useEffect, useMemo } from "react";
import { zodResolver } from "@hookform/resolvers/zod";
import { useForm } from "react-hook-form";
import { z } from "zod";
@@ -173,6 +173,10 @@ export default function MotionMaskEditPane({
}
}
+ useEffect(() => {
+ document.title = "Edit Motion Mask - Frigate";
+ }, []);
+
if (!polygon) {
return;
}
diff --git a/web/src/components/settings/MotionTuner.tsx b/web/src/components/settings/MotionTuner.tsx
index 02350b070..badaa75a4 100644
--- a/web/src/components/settings/MotionTuner.tsx
+++ b/web/src/components/settings/MotionTuner.tsx
@@ -159,6 +159,10 @@ export default function MotionTuner({
}
}, [changedValue, addMessage, clearMessages]);
+ useEffect(() => {
+ document.title = "Motion Tuner - Frigate";
+ }, []);
+
if (!cameraConfig && !selectedCamera) {
return ;
}
diff --git a/web/src/components/settings/ObjectMaskEditPane.tsx b/web/src/components/settings/ObjectMaskEditPane.tsx
index ae755c48f..c95b17bae 100644
--- a/web/src/components/settings/ObjectMaskEditPane.tsx
+++ b/web/src/components/settings/ObjectMaskEditPane.tsx
@@ -19,7 +19,7 @@ import {
FormLabel,
FormMessage,
} from "@/components/ui/form";
-import { useCallback, useMemo } from "react";
+import { useCallback, useEffect, useMemo } from "react";
import { ATTRIBUTE_LABELS, FrigateConfig } from "@/types/frigateConfig";
import useSWR from "swr";
import { zodResolver } from "@hookform/resolvers/zod";
@@ -235,6 +235,10 @@ export default function ObjectMaskEditPane({
}
}
+ useEffect(() => {
+ document.title = "Edit Object Mask - Frigate";
+ }, []);
+
if (!polygon) {
return;
}
diff --git a/web/src/components/settings/ObjectSettings.tsx b/web/src/components/settings/ObjectSettings.tsx
index 4b45c1fa4..92dac2d7d 100644
--- a/web/src/components/settings/ObjectSettings.tsx
+++ b/web/src/components/settings/ObjectSettings.tsx
@@ -1,4 +1,4 @@
-import { useMemo } from "react";
+import { useEffect, useMemo } from "react";
import DebugCameraImage from "../camera/DebugCameraImage";
import { FrigateConfig } from "@/types/frigateConfig";
import useSWR from "swr";
@@ -19,6 +19,10 @@ export default function ObjectSettings({
}
}, [config, selectedCamera]);
+ useEffect(() => {
+ document.title = "Object Settings - Frigate";
+ }, []);
+
if (!cameraConfig) {
return ;
}
diff --git a/web/src/components/settings/ZoneEditPane.tsx b/web/src/components/settings/ZoneEditPane.tsx
index f72cc3907..dd213b6cc 100644
--- a/web/src/components/settings/ZoneEditPane.tsx
+++ b/web/src/components/settings/ZoneEditPane.tsx
@@ -308,6 +308,10 @@ export default function ZoneEditPane({
}
}
+ useEffect(() => {
+ document.title = "Edit Zone - Frigate";
+ }, []);
+
if (!polygon) {
return;
}
diff --git a/web/src/pages/Settings.tsx b/web/src/pages/Settings.tsx
index 9d22e534d..d0bd80102 100644
--- a/web/src/pages/Settings.tsx
+++ b/web/src/pages/Settings.tsx
@@ -100,6 +100,10 @@ export default function Settings() {
}
}, [tabsRef, pageToggle]);
+ useEffect(() => {
+ document.title = "Settings - Frigate";
+ }, []);
+
return (