From 7a32866cc0319a44fd36932a515dd152524a8d1d Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Tue, 30 Apr 2024 22:38:59 -0500
Subject: [PATCH] don't display empty fields

---
 web/src/components/settings/ObjectSettings.tsx | 9 ++++++---
 web/src/hooks/use-camera-activity.ts           | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/web/src/components/settings/ObjectSettings.tsx b/web/src/components/settings/ObjectSettings.tsx
index 6f53f7e1e..b612d466e 100644
--- a/web/src/components/settings/ObjectSettings.tsx
+++ b/web/src/components/settings/ObjectSettings.tsx
@@ -216,7 +216,10 @@ function ObjectList(objects?: ObjectType[]) {
                       <p className="text-sm mb-1.5 text-primary-variant">
                         Score
                       </p>
-                      {(obj.score * 100).toFixed(1).toString()}%
+                      {obj.score
+                        ? (obj.score * 100).toFixed(1).toString()
+                        : "-"}
+                      %
                     </div>
                   </div>
                   <div className="mr-2 text-md w-1/3">
@@ -224,7 +227,7 @@ function ObjectList(objects?: ObjectType[]) {
                       <p className="text-sm mb-1.5 text-primary-variant">
                         Ratio
                       </p>
-                      {obj.ratio.toFixed(2).toString()}
+                      {obj.ratio ? obj.ratio.toFixed(2).toString() : "-"}
                     </div>
                   </div>
                   <div className="mr-2 text-md w-1/3">
@@ -232,7 +235,7 @@ function ObjectList(objects?: ObjectType[]) {
                       <p className="text-sm mb-1.5 text-primary-variant">
                         Area
                       </p>
-                      {obj.area.toString()}
+                      {obj.area ? obj.area.toString() : "-"}
                     </div>
                   </div>
                 </div>
diff --git a/web/src/hooks/use-camera-activity.ts b/web/src/hooks/use-camera-activity.ts
index 4ca6e1fac..b04df4281 100644
--- a/web/src/hooks/use-camera-activity.ts
+++ b/web/src/hooks/use-camera-activity.ts
@@ -32,7 +32,7 @@ export function useCameraActivity(
     if (updatedCameraState) {
       setObjects(updatedCameraState.objects);
     }
-  }, [updatedCameraState]);
+  }, [updatedCameraState, camera]);
 
   // handle camera activity