From 4d233fa782f8f52aba5677fddcb19669d4db25b4 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Tue, 12 Mar 2024 14:43:49 -0500
Subject: [PATCH] birdseye first in select list and fix jsmpeg player size

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

diff --git a/web/src/components/filter/CameraGroupSelector.tsx b/web/src/components/filter/CameraGroupSelector.tsx
index 47bd81724..326ce7946 100644
--- a/web/src/components/filter/CameraGroupSelector.tsx
+++ b/web/src/components/filter/CameraGroupSelector.tsx
@@ -301,8 +301,8 @@ function NewGroupDialog({ open, setOpen, currentGroups }: NewGroupDialogProps) {
               </DropdownMenuTrigger>
               <DropdownMenuContent>
                 {[
-                  ...Object.keys(config?.cameras ?? {}),
                   ...(birdseyeConfig?.enabled ? ["birdseye"] : []),
+                  ...Object.keys(config?.cameras ?? {}),
                 ].map((camera) => (
                   <FilterCheckBox
                     key={camera}
diff --git a/web/src/components/player/BirdseyeLivePlayer.tsx b/web/src/components/player/BirdseyeLivePlayer.tsx
index 71cfef96f..5157a6ed6 100644
--- a/web/src/components/player/BirdseyeLivePlayer.tsx
+++ b/web/src/components/player/BirdseyeLivePlayer.tsx
@@ -34,7 +34,7 @@ export default function BirdseyeLivePlayer({
   } else if (liveMode == "jsmpeg") {
     player = (
       <JSMpegPlayer
-        className={`w-full max-w-[${birdseyeConfig.width}px] flex justify-center rounded-2xl overflow-hidden`}
+        className="size-full flex justify-center rounded-2xl overflow-hidden"
         camera="birdseye"
         width={birdseyeConfig.width}
         height={birdseyeConfig.height}
@@ -48,7 +48,7 @@ export default function BirdseyeLivePlayer({
     <div className={`relative flex justify-center w-full cursor-pointer`}>
       <div className="absolute top-0 inset-x-0 rounded-2xl z-10 w-full h-[30%] bg-gradient-to-b from-black/20 to-transparent pointer-events-none"></div>
       <div className="absolute bottom-0 inset-x-0 rounded-2xl z-10 w-full h-[10%] bg-gradient-to-t from-black/20 to-transparent pointer-events-none"></div>
-      <div className="">{player}</div>
+      <div className="size-full">{player}</div>
     </div>
   );
 }