From fff8504a781a6307851ca8cf26ad8d8f676980cb Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Tue, 15 Apr 2025 07:54:50 -0600
Subject: [PATCH] Only show snapshot score if it has a snapshot

---
 .../overlay/detail/SearchDetailDialog.tsx        | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/web/src/components/overlay/detail/SearchDetailDialog.tsx b/web/src/components/overlay/detail/SearchDetailDialog.tsx
index 5930ab0210..e0f9e05774 100644
--- a/web/src/components/overlay/detail/SearchDetailDialog.tsx
+++ b/web/src/components/overlay/detail/SearchDetailDialog.tsx
@@ -365,7 +365,7 @@ function ObjectDetailsTab({
   }, [search]);
 
   const snapScore = useMemo(() => {
-    if (!search) {
+    if (!search?.has_snapshot) {
       return 0;
     }
 
@@ -786,14 +786,16 @@ function ObjectDetailsTab({
               {topScore}%{subLabelScore && ` (${subLabelScore}%)`}
             </div>
           </div>
-          <div className="flex flex-col gap-1.5">
-            <div className="text-sm text-primary/40">
-              <div className="flex flex-row items-center gap-1">
-                {t("details.snapshotScore.label")}
+          {snapScore && (
+            <div className="flex flex-col gap-1.5">
+              <div className="text-sm text-primary/40">
+                <div className="flex flex-row items-center gap-1">
+                  {t("details.snapshotScore.label")}
+                </div>
               </div>
+              <div className="text-sm">{snapScore}%</div>
             </div>
-            <div className="text-sm">{snapScore}%</div>
-          </div>
+          )}
           {averageEstimatedSpeed && (
             <div className="flex flex-col gap-1.5">
               <div className="text-sm text-primary/40">