alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-06-06 05:58:35 +01:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix: posters

Browse Source
This commit is contained in:
Fredrik Burmester
2024-08-25 20:47:57 +02:00
parent 67af14dced
commit 9b2185d29e
3 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/ContinueWatchingPoster.tsx
View File

@@ -5,9 +5,6 @@ import { useAtom } from "jotai";
import { useMemo, useState } from "react"; import { useMemo, useState } from "react";
import { View } from "react-native"; import { View } from "react-native";
import { WatchedIndicator } from "./WatchedIndicator"; import { WatchedIndicator } from "./WatchedIndicator";
import { getPrimaryImageUrl } from "@/utils/jellyfin/image/getPrimaryImageUrl";
import { getBackdropUrl } from "@/utils/jellyfin/image/getBackdropUrl";
import { getPrimaryImageUrlById } from "@/utils/jellyfin/image/getPrimaryImageUrlById";
type ContinueWatchingPosterProps = { type ContinueWatchingPosterProps = {
item: BaseItemDto; item: BaseItemDto;
@@ -20,11 +17,13 @@ const ContinueWatchingPoster: React.FC<ContinueWatchingPosterProps> = ({
}) => { }) => {
const [api] = useAtom(apiAtom); const [api] = useAtom(apiAtom);
const url = useMemo( const url = useMemo(() => {
() => if (!api) return;
`${api?.basePath}/Items/${item.ParentBackdropItemId}/Images/Thumb?fillHeight=389&quality=80&tag=${item.ParentThumbImageTag}`, if (item.Type === "Episode")
[item] return `${api?.basePath}/Items/${item.ParentBackdropItemId}/Images/Thumb?fillHeight=389&quality=80&tag=${item.ParentThumbImageTag}`;
); if (item.Type === "Movie")
return `${api?.basePath}/Items/${item.Id}/Images/Thumb?fillHeight=389&quality=80&tag=${item.ImageTags?.["Thumb"]}`;
}, [item]);
const [progress, setProgress] = useState( const [progress, setProgress] = useState(
item.UserData?.PlayedPercentage || 0 item.UserData?.PlayedPercentage || 0

7
components/home/ScrollingCollectionList.tsx
View File

@@ -65,7 +65,12 @@ export const ScrollingCollectionList: React.FC<Props> = ({
{item.Type === "Episode" && orientation === "vertical" && ( {item.Type === "Episode" && orientation === "vertical" && (
<SeriesPoster item={item} /> <SeriesPoster item={item} />
)} )}
{item.Type === "Movie" && <MoviePoster item={item} />} {item.Type === "Movie" && orientation === "horizontal" && (
<ContinueWatchingPoster item={item} />
)}
{item.Type === "Movie" && orientation === "vertical" && (
<MoviePoster item={item} />
)}
{item.Type === "Series" && <SeriesPoster item={item} />} {item.Type === "Series" && <SeriesPoster item={item} />}
<ItemCardText item={item} /> <ItemCardText item={item} />
</View> </View>

3
components/posters/MoviePoster.tsx
View File

@@ -19,9 +19,6 @@ const MoviePoster: React.FC<MoviePosterProps> = ({
const [api] = useAtom(apiAtom); const [api] = useAtom(apiAtom);
const url = useMemo(() => { const url = useMemo(() => {
if (item.Type === "Episode") {
return `${api?.basePath}/Items/${item.ParentBackdropItemId}/Images/Thumb?fillHeight=389&quality=80&tag=${item.ParentThumbImageTag}`;
}
return getPrimaryImageUrl({ return getPrimaryImageUrl({
api, api,
item, item,