From 52d4fb1cfc58f8a0288425047be62bd198350140 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Sat, 22 Jun 2024 15:34:48 -0600
Subject: [PATCH] Fix clicking

---
 web/src/components/indicators/Chip.tsx              | 8 +++++++-
 web/src/components/player/SearchThumbnailPlayer.tsx | 5 +++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/web/src/components/indicators/Chip.tsx b/web/src/components/indicators/Chip.tsx
index d8ba7fa27..88edbe646 100644
--- a/web/src/components/indicators/Chip.tsx
+++ b/web/src/components/indicators/Chip.tsx
@@ -37,7 +37,13 @@ export default function Chip({
           "z-10 flex items-center rounded-2xl px-2 py-1.5",
           className,
         )}
-        onClick={onClick}
+        onClick={(e) => {
+          e.stopPropagation();
+
+          if (onClick) {
+            onClick();
+          }
+        }}
       >
         {children}
       </div>
diff --git a/web/src/components/player/SearchThumbnailPlayer.tsx b/web/src/components/player/SearchThumbnailPlayer.tsx
index 69f315669..db1f129b1 100644
--- a/web/src/components/player/SearchThumbnailPlayer.tsx
+++ b/web/src/components/player/SearchThumbnailPlayer.tsx
@@ -18,6 +18,7 @@ import { VideoPreview } from "../preview/ScrubbablePreview";
 import { Preview } from "@/types/preview";
 import { SearchResult } from "@/types/search";
 import { LuInfo } from "react-icons/lu";
+import useContextMenu from "@/hooks/use-contextmenu";
 
 type SearchPlayerProps = {
   searchResult: SearchResult;
@@ -54,6 +55,10 @@ export default function SearchThumbnailPlayer({
     preventScrollOnSwipe: true,
   });
 
+  useContextMenu(imgRef, () => {
+    onClick(searchResult, true);
+  });
+
   // playback
 
   const relevantPreview = useMemo(() => {