From cd82e220b1efa63a60d10cedb27d9778585f84c1 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Mon, 2 Dec 2024 11:07:17 -0600
Subject: [PATCH] context menu on container ref

---
 web/src/components/card/SearchThumbnail.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/src/components/card/SearchThumbnail.tsx b/web/src/components/card/SearchThumbnail.tsx
index 0deb3c928..32cc952d2 100644
--- a/web/src/components/card/SearchThumbnail.tsx
+++ b/web/src/components/card/SearchThumbnail.tsx
@@ -1,4 +1,4 @@
-import { useMemo } from "react";
+import { useMemo, useRef } from "react";
 import { useApiHost } from "@/api";
 import { getIconForLabel } from "@/utils/iconUtil";
 import useSWR from "swr";
@@ -27,10 +27,11 @@ export default function SearchThumbnail({
   const apiHost = useApiHost();
   const { data: config } = useSWR<FrigateConfig>("config");
   const [imgRef, imgLoaded, onImgLoad] = useImageLoaded();
+  const containerRef = useRef<HTMLDivElement | null>(null);
 
   // interactions
 
-  useContextMenu(imgRef, () => {
+  useContextMenu(containerRef, () => {
     onClick(searchResult, true, false);
   });
 
@@ -53,6 +54,7 @@ export default function SearchThumbnail({
 
   return (
     <div
+      ref={containerRef}
       className="relative size-full cursor-pointer"
       {...bindClickAndLongPress}
     >