dev
/
sudo-archive
mirror of https://github.com/sussy-code/smov.git
2
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Bookmarks only while browsing 

Disabled bookmarks when there is nothing in the search bar.
This commit is contained in:
Ivan Evans 2024-04-30 09:53:31 -06:00
parent 2b7a054d5f
commit 9a8ecf2e88
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/form/SearchBar.tsx
View File

@ -18,7 +18,7 @@ export const SearchBarInput = forwardRef<HTMLInputElement, SearchBarProps>(
const [focused, setFocused] = useState(false); const [focused, setFocused] = useState(false);
function setSearch(value: string) { function setSearch(value: string) {
props.onChange(value, false); props.onChange(value, true);
} }
return ( return (

5
src/components/media/MediaCard.tsx
View File

@ -6,6 +6,7 @@ import { Link } from "react-router-dom";
import { mediaItemToId } from "@/backend/metadata/tmdb"; import { mediaItemToId } from "@/backend/metadata/tmdb";
import { DotList } from "@/components/text/DotList"; import { DotList } from "@/components/text/DotList";
import { Flare } from "@/components/utils/Flare"; import { Flare } from "@/components/utils/Flare";
import { useSearchQuery } from "@/hooks/useSearchQuery";
import { MediaItem } from "@/utils/mediaTypes"; import { MediaItem } from "@/utils/mediaTypes";
import { MediaBookmarkButton } from "./MediaBookmark"; import { MediaBookmarkButton } from "./MediaBookmark";
@ -57,6 +58,8 @@ function MediaCardContent({
const dotListContent = [t(`media.types.${media.type}`)]; const dotListContent = [t(`media.types.${media.type}`)];
const [searchQuery] = useSearchQuery();
if (media.year) { if (media.year) {
dotListContent.push(media.year.toFixed()); dotListContent.push(media.year.toFixed());
} }
@ -142,7 +145,7 @@ function MediaCardContent({
</> </>
) : null} ) : null}
{canLink ? ( {canLink && searchQuery.length > 0 ? (
<div className="absolute" onClick={(e) => e.preventDefault()}> <div className="absolute" onClick={(e) => e.preventDefault()}>
<MediaBookmarkButton media={media} /> <MediaBookmarkButton media={media} />
</div> </div>