pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
Merge pull request #82 from Pasithea0/bookmarks-always-visible
Change bookmark button to always visible
+21
+12
src/components/media/MediaCard.tsx
+12
src/components/media/MediaCard.tsx
···
6
6
import { mediaItemToId } from "@/backend/metadata/tmdb";
7
7
import { DotList } from "@/components/text/DotList";
8
8
import { Flare } from "@/components/utils/Flare";
9
+
import { useIsMobile } from "@/hooks/useIsMobile";
9
10
import { useSearchQuery } from "@/hooks/useSearchQuery";
10
11
import { MediaItem } from "@/utils/mediaTypes";
11
12
···
59
60
const dotListContent = [t(`media.types.${media.type}`)];
60
61
61
62
const [searchQuery] = useSearchQuery();
63
+
64
+
const { isMobile } = useIsMobile();
62
65
63
66
if (media.year) {
64
67
dotListContent.push(media.year.toFixed());
···
144
147
</div>
145
148
</>
146
149
) : null}
150
+
151
+
<div
152
+
className={classNames("absolute", {
153
+
"bookmark-button": !isMobile,
154
+
})}
155
+
onClick={(e) => e.preventDefault()}
156
+
>
157
+
<MediaBookmarkButton media={media} />
158
+
</div>
147
159
148
160
{searchQuery.length > 0 ? (
149
161
<div className="absolute" onClick={(e) => e.preventDefault()}>