forked from Ninjalama/streamyfin_mirror
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
|
|
import { View, ViewProps } from "react-native";
|
|
import { MoviesTitleHeader } from "./movies/MoviesTitleHeader";
|
|
import { Ratings } from "./Ratings";
|
|
import { EpisodeTitleHeader } from "./series/EpisodeTitleHeader";
|
|
|
|
interface Props extends ViewProps {
|
|
item?: BaseItemDto | null;
|
|
}
|
|
|
|
export const ItemHeader: React.FC<Props> = ({ item, ...props }) => {
|
|
if (!item)
|
|
return (
|
|
<View
|
|
className="flex flex-col space-y-1.5 w-full items-start h-24"
|
|
{...props}
|
|
>
|
|
<View className="w-1/3 h-6 bg-neutral-900 rounded" />
|
|
<View className="w-2/3 h-8 bg-neutral-900 rounded" />
|
|
<View className="w-2/3 h-4 bg-neutral-900 rounded" />
|
|
<View className="w-1/4 h-4 bg-neutral-900 rounded" />
|
|
</View>
|
|
);
|
|
|
|
return (
|
|
<View
|
|
style={{
|
|
minHeight: 96,
|
|
}}
|
|
className="flex flex-col"
|
|
{...props}
|
|
>
|
|
<Ratings item={item} className="mb-2" />
|
|
{item.Type === "Episode" && <EpisodeTitleHeader item={item} />}
|
|
{item.Type === "Movie" && <MoviesTitleHeader item={item} />}
|
|
</View>
|
|
);
|
|
};
|