From 8d0ae1b3b9d01ff2049c3d2b5f3e5a5cf15a9d04 Mon Sep 17 00:00:00 2001
From: Ivan Evans <74743263+Pasithea0@users.noreply.github.com>
Date: Tue, 6 Aug 2024 12:33:05 -0600
Subject: [PATCH] always visible when searching, hover to show on homepage

this kind of fixes the ipad problem, because they will see the bookmark when searching, but to edit homepage they will have to use the edit bookmarks button.
---
 src/components/media/MediaCard.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/media/MediaCard.tsx b/src/components/media/MediaCard.tsx
index 1b151c44..edf10769 100644
--- a/src/components/media/MediaCard.tsx
+++ b/src/components/media/MediaCard.tsx
@@ -7,6 +7,7 @@ import { mediaItemToId } from "@/backend/metadata/tmdb";
 import { DotList } from "@/components/text/DotList";
 import { Flare } from "@/components/utils/Flare";
 import { useIsMobile } from "@/hooks/useIsMobile";
+import { useSearchQuery } from "@/hooks/useSearchQuery";
 import { MediaItem } from "@/utils/mediaTypes";
 
 import { MediaBookmarkButton } from "./MediaBookmark";
@@ -58,6 +59,8 @@ function MediaCardContent({
 
   const dotListContent = [t(`media.types.${media.type}`)];
 
+  const [searchQuery] = useSearchQuery();
+
   const { isMobile } = useIsMobile();
 
   if (media.year) {
@@ -154,6 +157,12 @@ function MediaCardContent({
             <MediaBookmarkButton media={media} />
           </div>
 
+          {searchQuery.length > 0 ? (
+            <div className="absolute" onClick={(e) => e.preventDefault()}>
+              <MediaBookmarkButton media={media} />
+            </div>
+          ) : null}
+
           <div
             className={`absolute inset-0 flex items-center justify-center bg-mediaCard-badge bg-opacity-80 transition-opacity duration-500 ${
               closable ? "opacity-100" : "pointer-events-none opacity-0"