From 6e3e1f6314b18ec4062b1f0f844b377f760a8f91 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Sun, 3 Mar 2024 21:23:35 -0700
Subject: [PATCH] Fix warnings

---
 web/src/components/filter/CameraGroupSelector.tsx | 2 +-
 web/src/components/navigation/Sidebar.tsx         | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/web/src/components/filter/CameraGroupSelector.tsx b/web/src/components/filter/CameraGroupSelector.tsx
index 0dfc763c0..6b2594a36 100644
--- a/web/src/components/filter/CameraGroupSelector.tsx
+++ b/web/src/components/filter/CameraGroupSelector.tsx
@@ -31,7 +31,7 @@ export function CameraGroupSelector() {
         className={
           group == undefined
             ? "text-selected bg-blue-900 focus:bg-blue-900 bg-opacity-60 focus:bg-opacity-60"
-            : "text-muted-foreground bg-secondary"
+            : "text-muted-foreground bg-secondary focus:text-muted-foreground focus:bg-secondary"
         }
         size="xs"
         onClick={() => navigate(-1)}
diff --git a/web/src/components/navigation/Sidebar.tsx b/web/src/components/navigation/Sidebar.tsx
index 2e911b825..c4b53087e 100644
--- a/web/src/components/navigation/Sidebar.tsx
+++ b/web/src/components/navigation/Sidebar.tsx
@@ -11,17 +11,16 @@ function Sidebar() {
       <div className="w-full flex flex-col gap-0 items-center">
         <Logo className="w-8 h-8 mb-6" />
         {navbarLinks.map((item) => (
-          <>
+          <div key={item.id}>
             <NavItem
               className={`mx-[10px] ${item.id == 1 ? "mb-2" : "mb-6"}`}
-              key={item.id}
               Icon={item.icon}
               title={item.title}
               url={item.url}
               dev={item.dev}
             />
             {item.id == 1 && <CameraGroupSelector />}
-          </>
+          </div>
         ))}
       </div>
       <SettingsNavItems className="hidden md:flex flex-col items-center mb-8" />