diff --git a/front/packages/ui/src/details/season.tsx b/front/packages/ui/src/details/season.tsx index 1457a0f7..49678880 100644 --- a/front/packages/ui/src/details/season.tsx +++ b/front/packages/ui/src/details/season.tsx @@ -121,9 +121,12 @@ export const EpisodeList = ({ divider Header={Header} headerProps={headerProps} + getItemType={(item) => (item.firstOfSeason ? "withHeader" : "normal")} > {(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 ( <> {item.firstOfSeason && ( diff --git a/front/packages/ui/src/fetch-infinite.tsx b/front/packages/ui/src/fetch-infinite.tsx index be4a94e8..236fd26c 100644 --- a/front/packages/ui/src/fetch-infinite.tsx +++ b/front/packages/ui/src/fetch-infinite.tsx @@ -35,6 +35,7 @@ export const InfiniteFetch = ({ divider = false, Header, headerProps, + getItemType, ...props }: { query: QueryIdentifier<_, Data>; @@ -50,6 +51,7 @@ export const InfiniteFetch = ({ divider?: boolean | ComponentType; Header?: ComponentType | ReactElement; headerProps?: Props; + getItemType?: (item: Data, index: number) => string | number; }): JSX.Element | null => { if (!query.infinite) console.warn("A non infinite query was passed to an InfiniteFetch."); @@ -91,6 +93,7 @@ export const InfiniteFetch = ({ refreshing={isRefetching} ItemSeparatorComponent={divider === true ? HR : divider || null} ListHeaderComponent={Header} + getItemType={getItemType} {...props} /> ); diff --git a/front/packages/ui/src/fetch-infinite.web.tsx b/front/packages/ui/src/fetch-infinite.web.tsx index 5f352885..5212b9ca 100644 --- a/front/packages/ui/src/fetch-infinite.web.tsx +++ b/front/packages/ui/src/fetch-infinite.web.tsx @@ -112,6 +112,7 @@ export const InfiniteFetch = ({ empty, divider: Divider = false, Header, + getItemType, ...props }: { query: QueryIdentifier<_, Data>; @@ -126,6 +127,7 @@ export const InfiniteFetch = ({ empty?: string | JSX.Element; divider?: boolean | ComponentType; Header?: ComponentType<{ children: JSX.Element }> | ReactElement; + getItemType?: (item: Data, index: number) => string | number; }): JSX.Element | null => { if (!query.infinite) console.warn("A non infinite query was passed to an InfiniteFetch.");