forked from Ninjalama/streamyfin_mirror
51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
import { apiAtom, userAtom } from "@/providers/JellyfinProvider";
|
|
import { getUserItemData } from "@/utils/jellyfin/user-library/getUserItemData";
|
|
import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client";
|
|
import { FlashList } from "@shopify/flash-list";
|
|
import { useQuery } from "@tanstack/react-query";
|
|
import { useAtom } from "jotai";
|
|
import type React from "react";
|
|
import type { PropsWithChildren } from "react";
|
|
import { Text } from "../common/Text";
|
|
|
|
type SearchItemWrapperProps<T> = {
|
|
items?: T[];
|
|
renderItem: (item: any) => React.ReactNode;
|
|
header?: string;
|
|
onEndReached?: (() => void) | null | undefined;
|
|
};
|
|
|
|
export const SearchItemWrapper = <T,>({
|
|
items,
|
|
renderItem,
|
|
header,
|
|
onEndReached,
|
|
}: PropsWithChildren<SearchItemWrapperProps<T>>) => {
|
|
const [api] = useAtom(apiAtom);
|
|
const [user] = useAtom(userAtom);
|
|
|
|
if (!items || items.length === 0) return null;
|
|
|
|
return (
|
|
<>
|
|
<Text className='font-bold text-lg px-4 mb-2'>{header}</Text>
|
|
<FlashList
|
|
horizontal
|
|
contentContainerStyle={{
|
|
paddingHorizontal: 16,
|
|
paddingBottom: 8,
|
|
}}
|
|
showsHorizontalScrollIndicator={false}
|
|
keyExtractor={(_, index) => index.toString()}
|
|
estimatedItemSize={250}
|
|
/*@ts-ignore */
|
|
data={items}
|
|
onEndReachedThreshold={1}
|
|
onEndReached={onEndReached}
|
|
//@ts-ignore
|
|
renderItem={({ item, index }) => (item ? renderItem(item) : <></>)}
|
|
/>
|
|
</>
|
|
);
|
|
};
|