From 9a8ecf2e8824ac63459e4e6e9f3c4bff124b5aac Mon Sep 17 00:00:00 2001
From: Ivan Evans <74743263+Pasithea0@users.noreply.github.com>
Date: Tue, 30 Apr 2024 09:53:31 -0600
Subject: [PATCH] Bookmarks only while browsing

Disabled bookmarks when there is nothing in the search bar.
---
 src/components/form/SearchBar.tsx  | 2 +-
 src/components/media/MediaCard.tsx | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/form/SearchBar.tsx b/src/components/form/SearchBar.tsx
index 6ac6128f..f3cc15f8 100644
--- a/src/components/form/SearchBar.tsx
+++ b/src/components/form/SearchBar.tsx
@@ -18,7 +18,7 @@ export const SearchBarInput = forwardRef<HTMLInputElement, SearchBarProps>(
     const [focused, setFocused] = useState(false);
 
     function setSearch(value: string) {
-      props.onChange(value, false);
+      props.onChange(value, true);
     }
 
     return (
diff --git a/src/components/media/MediaCard.tsx b/src/components/media/MediaCard.tsx
index e1da9d71..c25fc0d5 100644
--- a/src/components/media/MediaCard.tsx
+++ b/src/components/media/MediaCard.tsx
@@ -6,6 +6,7 @@ import { Link } from "react-router-dom";
 import { mediaItemToId } from "@/backend/metadata/tmdb";
 import { DotList } from "@/components/text/DotList";
 import { Flare } from "@/components/utils/Flare";
+import { useSearchQuery } from "@/hooks/useSearchQuery";
 import { MediaItem } from "@/utils/mediaTypes";
 
 import { MediaBookmarkButton } from "./MediaBookmark";
@@ -57,6 +58,8 @@ function MediaCardContent({
 
   const dotListContent = [t(`media.types.${media.type}`)];
 
+  const [searchQuery] = useSearchQuery();
+
   if (media.year) {
     dotListContent.push(media.year.toFixed());
   }
@@ -142,7 +145,7 @@ function MediaCardContent({
             </>
           ) : null}
 
-          {canLink ? (
+          {canLink && searchQuery.length > 0 ? (
             <div className="absolute" onClick={(e) => e.preventDefault()}>
               <MediaBookmarkButton media={media} />
             </div>