forked from Ninjalama/streamyfin_mirror
46 lines
1.4 KiB
TypeScript
46 lines
1.4 KiB
TypeScript
import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
|
|
import { router } from "expo-router";
|
|
import { useAtom } from "jotai";
|
|
import type React from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { TouchableOpacity, View, type ViewProps } from "react-native";
|
|
import { apiAtom } from "@/providers/JellyfinProvider";
|
|
import { getPrimaryImageUrlById } from "@/utils/jellyfin/image/getPrimaryImageUrlById";
|
|
import { HorizontalScroll } from "../common/HorrizontalScroll";
|
|
import { Text } from "../common/Text";
|
|
import Poster from "../posters/Poster";
|
|
|
|
interface Props extends ViewProps {
|
|
item?: BaseItemDto | null;
|
|
}
|
|
|
|
export const CurrentSeries: React.FC<Props> = ({ item, ...props }) => {
|
|
const [api] = useAtom(apiAtom);
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<View {...props}>
|
|
<Text className='text-lg font-bold mb-2 px-4'>
|
|
{t("item_card.series")}
|
|
</Text>
|
|
<HorizontalScroll
|
|
data={[item]}
|
|
height={247}
|
|
renderItem={(item, _index) => (
|
|
<TouchableOpacity
|
|
key={item.Id}
|
|
onPress={() => router.push(`/series/${item.SeriesId}`)}
|
|
className='flex flex-col space-y-2 w-28'
|
|
>
|
|
<Poster
|
|
id={item.id}
|
|
url={getPrimaryImageUrlById({ api, id: item.ParentId })}
|
|
/>
|
|
<Text>{item.SeriesName}</Text>
|
|
</TouchableOpacity>
|
|
)}
|
|
/>
|
|
</View>
|
|
);
|
|
};
|