Miscellaneous fixes (#23217)

* fix hardcoded leading-slash hrefs to respect FRIGATE_BASE_PATH

* update docs for default detector

web/src/components/auth/ProtectedRoute.tsx

@@ -6,6 +6,7 @@ import {
   isRedirectingToLogin,
   setRedirectingToLogin,
 } from "@/api/auth-redirect";
+import { baseUrl } from "@/api/baseUrl";
 
 export default function ProtectedRoute({
   requiredRoles,
@@ -24,7 +25,7 @@ export default function ProtectedRoute({
       !isRedirectingToLogin()
     ) {
       setRedirectingToLogin(true);
-      window.location.href = "/login";
+      window.location.href = `${baseUrl}login`;
     }
   }, [auth.isLoading, auth.isAuthenticated, auth.user]);
 

web/src/components/card/ReviewCard.tsx

@@ -94,7 +94,11 @@ export default function ReviewCard({
           toast.success(t("export.toast.success"), {
             position: "top-center",
             action: (
-              <a href="/export" target="_blank" rel="noopener noreferrer">
+              <a
+                href={`${baseUrl}export`}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
                 <Button>{t("export.toast.view")}</Button>
               </a>
             ),

web/src/components/chat/ChatAttachmentChip.tsx

@@ -1,4 +1,5 @@
 import { useApiHost } from "@/api";
+import { baseUrl } from "@/api/baseUrl";
 import { useCameraFriendlyName } from "@/hooks/use-camera-friendly-name";
 import { useTranslation } from "react-i18next";
 import useSWR from "swr";
@@ -79,7 +80,7 @@ export function ChatAttachmentChip({
       <Tooltip>
         <TooltipTrigger asChild>
           <a
-            href={`/explore?event_id=${eventId}`}
+            href={`${baseUrl}explore?event_id=${eventId}`}
             target="_blank"
             rel="noopener noreferrer"
             className={cn(

web/src/components/chat/ChatEventThumbnailsRow.tsx

@@ -1,4 +1,5 @@
 import { useApiHost } from "@/api";
+import { baseUrl } from "@/api/baseUrl";
 import { useTranslation } from "react-i18next";
 import { LuExternalLink } from "react-icons/lu";
 import {
@@ -54,7 +55,7 @@ export function ChatEventThumbnailsRow({
       <Tooltip>
         <TooltipTrigger asChild>
           <a
-            href={`/explore?event_id=${event.id}`}
+            href={`${baseUrl}explore?event_id=${event.id}`}
             target="_blank"
             rel="noopener noreferrer"
             onClick={(e) => e.stopPropagation()}

web/src/components/menu/SearchResultActions.tsx

@@ -116,7 +116,11 @@ export default function SearchResultActions({
                 closeButton: true,
                 dismissible: false,
                 action: (
-                  <a href="/replay" target="_blank" rel="noopener noreferrer">
+                  <a
+                    href={`${baseUrl}replay`}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
                     <Button>
                       {t("dialog.toast.goToReplay", { ns: "views/replay" })}
                     </Button>

web/src/components/overlay/DebugReplayDialog.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useState } from "react";
+import { baseUrl } from "@/api/baseUrl";
 import {
   Dialog,
   DialogContent,
@@ -227,7 +228,11 @@ export default function DebugReplayDialog({
             closeButton: true,
             dismissible: false,
             action: (
-              <a href="/replay" target="_blank" rel="noopener noreferrer">
+              <a
+                href={`${baseUrl}replay`}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
                 <Button>{t("dialog.toast.goToReplay")}</Button>
               </a>
             ),

web/src/components/overlay/ExportDialog.tsx

@@ -163,7 +163,11 @@ export default function ExportDialog({
       toast.success(t("export.toast.queued"), {
         position: "top-center",
         action: (
-          <a href="/export" target="_blank" rel="noopener noreferrer">
+          <a
+            href={`${baseUrl}export`}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
             <Button>{t("export.toast.view")}</Button>
           </a>
         ),

web/src/components/overlay/MobileReviewSettingsDrawer.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useState } from "react";
+import { baseUrl } from "@/api/baseUrl";
 import { Drawer, DrawerContent, DrawerTrigger } from "../ui/drawer";
 import { Button } from "../ui/button";
 import { FaArrowDown, FaCalendarAlt, FaCog, FaFilter } from "react-icons/fa";
@@ -190,7 +191,11 @@ export default function MobileReviewSettingsDrawer({
       toast.success(t("export.toast.queued", { ns: "components/dialog" }), {
         position: "top-center",
         action: (
-          <a href="/export" target="_blank" rel="noopener noreferrer">
+          <a
+            href={`${baseUrl}export`}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
             <Button>
               {t("export.toast.view", { ns: "components/dialog" })}
             </Button>

web/src/components/timeline/EventMenu.tsx

@@ -8,6 +8,7 @@ import {
 } from "@/components/ui/dropdown-menu";
 import { HiDotsHorizontal } from "react-icons/hi";
 import { useApiHost } from "@/api";
+import { baseUrl } from "@/api/baseUrl";
 import { useNavigate } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import { Event } from "@/types/event";
@@ -79,7 +80,11 @@ export default function EventMenu({
                 closeButton: true,
                 dismissible: false,
                 action: (
-                  <a href="/replay" target="_blank" rel="noopener noreferrer">
+                  <a
+                    href={`${baseUrl}replay`}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
                     <Button>
                       {t("dialog.toast.goToReplay", { ns: "views/replay" })}
                     </Button>