From 6ecd3ca868d7f074d607bf7bc31c15b5861bc1e5 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Tue, 15 Oct 2024 07:37:26 -0500
Subject: [PATCH] conditionally show submenu items

---
 .../components/card/SearchThumbnailFooter.tsx | 44 ++++++++++---------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/web/src/components/card/SearchThumbnailFooter.tsx b/web/src/components/card/SearchThumbnailFooter.tsx
index b01b8b705..934e65874 100644
--- a/web/src/components/card/SearchThumbnailFooter.tsx
+++ b/web/src/components/card/SearchThumbnailFooter.tsx
@@ -100,26 +100,30 @@ export default function SearchThumbnailFooter({
             <LuMoreVertical className="size-5 cursor-pointer text-white" />
           </DropdownMenuTrigger>
           <DropdownMenuContent>
-            <DropdownMenuItem>
-              <a
-                className="justify_start flex items-center"
-                href={`${baseUrl}api/events/${searchResult.id}/clip.mp4`}
-                download={`${searchResult.camera}_${searchResult.label}.mp4`}
-              >
-                <LuDownload className="mr-2 size-4" />
-                <span>Download video</span>
-              </a>
-            </DropdownMenuItem>
-            <DropdownMenuItem>
-              <a
-                className="justify_start flex items-center"
-                href={`${baseUrl}api/events/${searchResult.id}/snapshot.jpg`}
-                download={`${searchResult.camera}_${searchResult.label}.jpg`}
-              >
-                <LuCamera className="mr-2 size-4" />
-                <span>Download snapshot</span>
-              </a>
-            </DropdownMenuItem>
+            {searchResult.has_clip && (
+              <DropdownMenuItem>
+                <a
+                  className="justify_start flex items-center"
+                  href={`${baseUrl}api/events/${searchResult.id}/clip.mp4`}
+                  download={`${searchResult.camera}_${searchResult.label}.mp4`}
+                >
+                  <LuDownload className="mr-2 size-4" />
+                  <span>Download video</span>
+                </a>
+              </DropdownMenuItem>
+            )}
+            {searchResult.has_snapshot && (
+              <DropdownMenuItem>
+                <a
+                  className="justify_start flex items-center"
+                  href={`${baseUrl}api/events/${searchResult.id}/snapshot.jpg`}
+                  download={`${searchResult.camera}_${searchResult.label}.jpg`}
+                >
+                  <LuCamera className="mr-2 size-4" />
+                  <span>Download snapshot</span>
+                </a>
+              </DropdownMenuItem>
+            )}
             <DropdownMenuItem>
               <FaArrowsRotate className="mr-2 size-4" />
               <span>View object lifecycle</span>