feat: document locale url (#18409)

* feat: document locale url

* fix: remove debug code

* fix readme_cn line

* feat: add menu document locale url

web/src/components/overlay/detail/AnnotationSettingsPane.tsx

@@ -27,6 +27,7 @@ import ActivityIndicator from "@/components/indicators/activity-indicator";
 import { Input } from "@/components/ui/input";
 import { Separator } from "@/components/ui/separator";
 import { Trans, useTranslation } from "react-i18next";
+import { useDocDomain } from "@/hooks/use-doc-domain";
 
 type AnnotationSettingsPaneProps = {
   event: Event;
@@ -43,6 +44,7 @@ export function AnnotationSettingsPane({
   setAnnotationOffset,
 }: AnnotationSettingsPaneProps) {
   const { t } = useTranslation(["views/explore"]);
+  const { getLocaleDocUrl } = useDocDomain();
 
   const { data: config, mutate: updateConfig } =
     useSWR<FrigateConfig>("config");
@@ -180,7 +182,7 @@ export function AnnotationSettingsPane({
                       </Trans>
                       <div className="mt-2 flex items-center text-primary">
                         <Link
-                          to="https://docs.frigate.video/configuration/reference"
+                          to={getLocaleDocUrl("configuration/reference")}
                           target="_blank"
                           rel="noopener noreferrer"
                           className="inline"

web/src/components/overlay/detail/FaceCreateWizardDialog.tsx

@@ -24,6 +24,7 @@ import { Trans, useTranslation } from "react-i18next";
 import { LuExternalLink } from "react-icons/lu";
 import { Link } from "react-router-dom";
 import { toast } from "sonner";
+import { useDocDomain } from "@/hooks/use-doc-domain";
 
 const STEPS = ["steps.faceName", "steps.uploadFace", "steps.nextSteps"];
 
@@ -38,7 +39,7 @@ export default function CreateFaceWizardDialog({
   onFinish,
 }: CreateFaceWizardDialogProps) {
   const { t } = useTranslation("views/faceLibrary");
-
+  const { getLocaleDocUrl } = useDocDomain();
   // wizard
 
   const [step, setStep] = useState(0);
@@ -155,7 +156,7 @@ export default function CreateFaceWizardDialog({
             </p>
             <div className="my-2 flex items-center text-sm text-primary">
               <Link
-                to="https://docs.frigate.video/configuration/face_recognition"
+                to={getLocaleDocUrl("configuration/face_recognition")}
                 target="_blank"
                 rel="noopener noreferrer"
                 className="inline"