mirror of
https://github.com/streamyfin/streamyfin.git
synced 2026-01-15 23:59:08 +00:00
f543fa9e3e
Removes extensive dead code including unused components, utilities, and augmentations that were no longer referenced in the codebase. Simplifies play settings logic by removing complex stream ranking algorithm in favor of direct previous index matching for audio and subtitle selections. Removes aspectRatio prop from video player as it was set to a constant "default" value and never changed. Inlines POSTER_CAROUSEL_HEIGHT constant directly where used instead of importing from centralized constants file. Eliminates unused features including image color extraction for TV platforms, M3U8 subtitle parsing, and various Jellyfin API helpers that were no longer needed. Cleans up credential management by making internal helper functions private that should not be exposed to external consumers.
78 lines
2.3 KiB
TypeScript
78 lines
2.3 KiB
TypeScript
import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
|
|
import { getLibraryApi } from "@jellyfin/sdk/lib/utils/api";
|
|
import { useQuery } from "@tanstack/react-query";
|
|
import { useAtom } from "jotai";
|
|
import { useMemo } from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { View, type ViewProps } from "react-native";
|
|
import MoviePoster from "@/components/posters/MoviePoster";
|
|
import { apiAtom, userAtom } from "@/providers/JellyfinProvider";
|
|
|
|
// Matches `w-28` poster cards (approx 112px wide, 10/15 aspect ratio) + 2 lines of text.
|
|
const POSTER_CAROUSEL_HEIGHT = 220;
|
|
|
|
import { HorizontalScroll } from "./common/HorizontalScroll";
|
|
import { Text } from "./common/Text";
|
|
import { TouchableItemRouter } from "./common/TouchableItemRouter";
|
|
import { ItemCardText } from "./ItemCardText";
|
|
|
|
interface SimilarItemsProps extends ViewProps {
|
|
itemId?: string | null;
|
|
}
|
|
|
|
export const SimilarItems: React.FC<SimilarItemsProps> = ({
|
|
itemId,
|
|
...props
|
|
}) => {
|
|
const [api] = useAtom(apiAtom);
|
|
const [user] = useAtom(userAtom);
|
|
const { t } = useTranslation();
|
|
|
|
const { data: similarItems, isLoading } = useQuery<BaseItemDto[]>({
|
|
queryKey: ["similarItems", itemId],
|
|
queryFn: async () => {
|
|
if (!api || !user?.Id || !itemId) return [];
|
|
const response = await getLibraryApi(api).getSimilarItems({
|
|
itemId,
|
|
userId: user.Id,
|
|
limit: 5,
|
|
});
|
|
|
|
return response.data.Items || [];
|
|
},
|
|
enabled: !!api && !!user?.Id,
|
|
staleTime: Number.POSITIVE_INFINITY,
|
|
});
|
|
|
|
const movies = useMemo(
|
|
() => similarItems?.filter((i) => i.Type === "Movie") || [],
|
|
[similarItems],
|
|
);
|
|
|
|
return (
|
|
<View {...props}>
|
|
<Text className='px-4 text-lg font-bold mb-2'>
|
|
{t("item_card.similar_items")}
|
|
</Text>
|
|
<HorizontalScroll
|
|
data={movies}
|
|
loading={isLoading}
|
|
height={POSTER_CAROUSEL_HEIGHT}
|
|
noItemsText={t("item_card.no_similar_items_found")}
|
|
renderItem={(item: BaseItemDto, idx: number) => (
|
|
<TouchableItemRouter
|
|
key={idx}
|
|
item={item}
|
|
className='flex flex-col w-28'
|
|
>
|
|
<View>
|
|
<MoviePoster item={item} />
|
|
<ItemCardText item={item} />
|
|
</View>
|
|
</TouchableItemRouter>
|
|
)}
|
|
/>
|
|
</View>
|
|
);
|
|
};
|