From 78498e981f27fbcc4522e356ea9a18e2e792aab1 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Fri, 15 Mar 2024 09:00:03 -0500
Subject: [PATCH] give default group a name

---
 web/src/components/filter/CameraGroupSelector.tsx | 14 ++++++++------
 web/src/pages/Live.tsx                            |  4 ++--
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/web/src/components/filter/CameraGroupSelector.tsx b/web/src/components/filter/CameraGroupSelector.tsx
index 7875cc3e0..b583dcf50 100644
--- a/web/src/components/filter/CameraGroupSelector.tsx
+++ b/web/src/components/filter/CameraGroupSelector.tsx
@@ -78,24 +78,24 @@ export function CameraGroupSelector({ className }: CameraGroupSelectorProps) {
         currentGroups={groups}
       />
 
-      <Tooltip open={tooltip == "home"}>
+      <Tooltip open={tooltip == "default"}>
         <TooltipTrigger asChild>
           <Button
             className={
-              group == undefined
+              group == "default"
                 ? "text-selected bg-blue-900 focus:bg-blue-900 bg-opacity-60 focus:bg-opacity-60"
                 : "text-muted-foreground bg-secondary focus:text-muted-foreground focus:bg-secondary"
             }
             size="xs"
-            onClick={() => (group ? setGroup(undefined, true) : null)}
-            onMouseEnter={() => (isDesktop ? showTooltip("home") : null)}
+            onClick={() => (group ? setGroup("default", true) : null)}
+            onMouseEnter={() => (isDesktop ? showTooltip("default") : null)}
             onMouseLeave={() => (isDesktop ? showTooltip(undefined) : null)}
           >
             <MdHome className="size-4" />
           </Button>
         </TooltipTrigger>
         <TooltipContent className="capitalize" side="right">
-          Home
+          All Cameras
         </TooltipContent>
       </Tooltip>
       {groups.map(([name, config]) => {
@@ -109,7 +109,9 @@ export function CameraGroupSelector({ className }: CameraGroupSelectorProps) {
                     : "text-muted-foreground bg-secondary"
                 }
                 size="xs"
-                onClick={() => setGroup(name, group != undefined)}
+                onClick={() => {
+                  setGroup(name, group != "default");
+                }}
                 onMouseEnter={() => (isDesktop ? showTooltip(name) : null)}
                 onMouseLeave={() => (isDesktop ? showTooltip(undefined) : null)}
               >
diff --git a/web/src/pages/Live.tsx b/web/src/pages/Live.tsx
index 4d7b58780..fb154de3c 100644
--- a/web/src/pages/Live.tsx
+++ b/web/src/pages/Live.tsx
@@ -14,7 +14,7 @@ function Live() {
   const [cameraGroup] = usePersistedOverlayState("cameraGroup");
 
   const includesBirdseye = useMemo(() => {
-    if (config && cameraGroup) {
+    if (config && cameraGroup && cameraGroup != "default") {
       return config.camera_groups[cameraGroup].cameras.includes("birdseye");
     } else {
       return false;
@@ -26,7 +26,7 @@ function Live() {
       return [];
     }
 
-    if (cameraGroup) {
+    if (cameraGroup && cameraGroup != "default") {
       const group = config.camera_groups[cameraGroup];
       return Object.values(config.cameras)
         .filter((conf) => conf.enabled && group.cameras.includes(conf.name))