From c9eb01c4cd3322fc01f5776e159e9ca7725eab51 Mon Sep 17 00:00:00 2001
From: leccelecce <24962424+leccelecce@users.noreply.github.com>
Date: Mon, 24 Mar 2025 13:15:51 +0000
Subject: [PATCH] Add width and height to display

---
 .../views/settings/FrigatePlusSettingsView.tsx   | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/web/src/views/settings/FrigatePlusSettingsView.tsx b/web/src/views/settings/FrigatePlusSettingsView.tsx
index 59177c5b4..fb82216a4 100644
--- a/web/src/views/settings/FrigatePlusSettingsView.tsx
+++ b/web/src/views/settings/FrigatePlusSettingsView.tsx
@@ -331,12 +331,16 @@ export default function FrigatePlusSettingsView({
                             <SelectTrigger>
                               {frigatePlusSettings.model.id &&
                               availableModels?.[frigatePlusSettings.model.id]
-                                ? new Date(
+                                ? (new Date(
                                     availableModels[
                                       frigatePlusSettings.model.id
                                     ].trainDate,
-                                  ).toLocaleString()
-                                : "Retrieving models..."}
+                                  ).toLocaleString() + " (" + availableModels[
+                                      frigatePlusSettings.model.id
+                                    ].width + "x" + availableModels[
+                                      frigatePlusSettings.model.id
+                                    ].height) + ")
+                               : "Retrieving models..."}
                             </SelectTrigger>
                             <SelectContent>
                               <SelectGroup>
@@ -359,9 +363,11 @@ export default function FrigatePlusSettingsView({
                                       ).toLocaleString()}{" "}
                                       ({model.baseModel})
                                       <div>
-                                        Supported Detectors: ({model.supportedDetectors.join(", ")}) Dimensions (
-                                        {model.width + "x" + model.height})
+                                        Supported Detectors: ({model.supportedDetectors.join(", ")})
                                       </div>
+                                      <div>
+                                        Dimensions ({model.width + "x" + model.height})
+                                      </div>                                      
                                       <div className="text-xs text-muted-foreground">
                                         {id}
                                       </div>