From f23a22735c30b4a1ede8c73590a47d7bbc42262d Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 15 Mar 2024 15:36:56 -0600
Subject: [PATCH] Fix plus submission dialog

---
 web/src/pages/SubmitPlus.tsx | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/web/src/pages/SubmitPlus.tsx b/web/src/pages/SubmitPlus.tsx
index ee6046e15..e4bfbff55 100644
--- a/web/src/pages/SubmitPlus.tsx
+++ b/web/src/pages/SubmitPlus.tsx
@@ -26,6 +26,8 @@ import { FaList, FaVideo } from "react-icons/fa";
 import useSWR from "swr";
 
 export default function SubmitPlus() {
+  const { data: config } = useSWR<FrigateConfig>("config");
+
   // filters
 
   const [selectedCameras, setSelectedCameras] = useState<string[]>();
@@ -45,6 +47,24 @@ export default function SubmitPlus() {
   ]);
   const [upload, setUpload] = useState<Event>();
 
+  const grow = useMemo(() => {
+    if (!config || !upload) {
+      return "";
+    }
+
+    const camera = config.cameras[upload.camera];
+
+    if (!camera) {
+      return "";
+    }
+
+    if (camera.detect.width / camera.detect.height < 16 / 9) {
+      return "aspect-video object-contain";
+    }
+
+    return "";
+  }, [config, upload]);
+
   const onSubmitToPlus = useCallback(
     async (falsePositive: boolean) => {
       if (!upload) {
@@ -102,7 +122,7 @@ export default function SubmitPlus() {
                 </DialogDescription>
               </DialogHeader>
               <img
-                className="flex-grow-0"
+                className={`w-full ${grow} bg-black`}
                 src={`${baseUrl}api/events/${upload?.id}/snapshot.jpg`}
                 alt={`${upload?.label}`}
               />