Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-07-09 03:04:20 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix item types for android

Browse Source
This commit is contained in:
Zoe Roux 2023-09-09 22:07:55 +02:00
parent 31d9507033
commit 1641ba2898
No known key found for this signature in database
3 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
front/packages/ui/src/details/season.tsx
View File

@ -121,9 +121,12 @@ export const EpisodeList = <Props,>({
divider divider
Header={Header} Header={Header}
headerProps={headerProps} headerProps={headerProps}
getItemType={(item) => (item.firstOfSeason ? "withHeader" : "normal")}
> >
{(item) => { {(item) => {
const sea = item?.firstOfSeason ? seasons?.find((x) => x.seasonNumber === item.seasonNumber) : null; const sea = item?.firstOfSeason
? seasons?.find((x) => x.seasonNumber === item.seasonNumber)
: null;
return ( return (
<> <>
{item.firstOfSeason && ( {item.firstOfSeason && (

3
front/packages/ui/src/fetch-infinite.tsx
View File

@ -35,6 +35,7 @@ export const InfiniteFetch = <Data, Props, _>({
divider = false, divider = false,
Header, Header,
headerProps, headerProps,
getItemType,
...props ...props
}: { }: {
query: QueryIdentifier<_, Data>; query: QueryIdentifier<_, Data>;
@ -50,6 +51,7 @@ export const InfiniteFetch = <Data, Props, _>({
divider?: boolean | ComponentType; divider?: boolean | ComponentType;
Header?: ComponentType<Props & { children: JSX.Element }> | ReactElement; Header?: ComponentType<Props & { children: JSX.Element }> | ReactElement;
headerProps?: Props; headerProps?: Props;
getItemType?: (item: Data, index: number) => string | number;
}): JSX.Element | null => { }): JSX.Element | null => {
if (!query.infinite) console.warn("A non infinite query was passed to an InfiniteFetch."); if (!query.infinite) console.warn("A non infinite query was passed to an InfiniteFetch.");
@ -91,6 +93,7 @@ export const InfiniteFetch = <Data, Props, _>({
refreshing={isRefetching} refreshing={isRefetching}
ItemSeparatorComponent={divider === true ? HR : divider || null} ItemSeparatorComponent={divider === true ? HR : divider || null}
ListHeaderComponent={Header} ListHeaderComponent={Header}
getItemType={getItemType}
{...props} {...props}
/> />
); );

2
front/packages/ui/src/fetch-infinite.web.tsx
View File

@ -112,6 +112,7 @@ export const InfiniteFetch = <Data, _>({
empty, empty,
divider: Divider = false, divider: Divider = false,
Header, Header,
getItemType,
...props ...props
}: { }: {
query: QueryIdentifier<_, Data>; query: QueryIdentifier<_, Data>;
@ -126,6 +127,7 @@ export const InfiniteFetch = <Data, _>({
empty?: string | JSX.Element; empty?: string | JSX.Element;
divider?: boolean | ComponentType; divider?: boolean | ComponentType;
Header?: ComponentType<{ children: JSX.Element }> | ReactElement; Header?: ComponentType<{ children: JSX.Element }> | ReactElement;
getItemType?: (item: Data, index: number) => string | number;
}): JSX.Element | null => { }): JSX.Element | null => {
if (!query.infinite) console.warn("A non infinite query was passed to an InfiniteFetch."); if (!query.infinite) console.warn("A non infinite query was passed to an InfiniteFetch.");