From f04700342aba9ea0a07d7a949be2439860d7ce5e Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Mon, 4 May 2026 17:08:53 -0500
Subject: [PATCH] add profiles docs link

---
 web/src/views/settings/ProfilesView.tsx | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/web/src/views/settings/ProfilesView.tsx b/web/src/views/settings/ProfilesView.tsx
index 0143e55bc..684b9193e 100644
--- a/web/src/views/settings/ProfilesView.tsx
+++ b/web/src/views/settings/ProfilesView.tsx
@@ -7,13 +7,20 @@ import useSWR from "swr";
 import axios from "axios";
 import { toast } from "sonner";
 import { Pencil, Trash2 } from "lucide-react";
-import { LuChevronDown, LuChevronRight, LuPlus } from "react-icons/lu";
+import {
+  LuChevronDown,
+  LuChevronRight,
+  LuExternalLink,
+  LuPlus,
+} from "react-icons/lu";
+import { Link } from "react-router-dom";
 import type { FrigateConfig } from "@/types/frigateConfig";
 import type { JsonObject } from "@/types/configForm";
 import type { ProfileState, ProfilesApiResponse } from "@/types/profile";
 import { getProfileColor } from "@/utils/profileColors";
 import { PROFILE_ELIGIBLE_SECTIONS } from "@/utils/configUtil";
 import { resolveCameraName } from "@/hooks/use-camera-friendly-name";
+import { useDocDomain } from "@/hooks/use-doc-domain";
 import { cn } from "@/lib/utils";
 import Heading from "@/components/ui/heading";
 import { Button } from "@/components/ui/button";
@@ -66,6 +73,7 @@ export default function ProfilesView({
   setProfilesUIEnabled,
 }: ProfilesViewProps) {
   const { t } = useTranslation(["views/settings", "common"]);
+  const { getLocaleDocUrl } = useDocDomain();
   const { data: config, mutate: updateConfig } =
     useSWR<FrigateConfig>("config");
   const { data: profilesData, mutate: updateProfiles } =
@@ -360,6 +368,17 @@ export default function ProfilesView({
       <div className="my-1 text-sm text-muted-foreground">
         {t("profiles.disabledDescription", { ns: "views/settings" })}
       </div>
+      <div className="flex items-center text-sm text-primary-variant">
+        <Link
+          to={getLocaleDocUrl("configuration/profiles")}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="inline"
+        >
+          {t("readTheDocumentation", { ns: "common" })}
+          <LuExternalLink className="ml-2 inline-flex size-3" />
+        </Link>
+      </div>
 
       {/* Enable Profiles Toggle — shown only when no profiles exist */}
       {!hasProfiles && setProfilesUIEnabled && (