diff --git a/front/packages/ui/src/fetch-infinite.tsx b/front/packages/ui/src/fetch-infinite.tsx index adfe2804..d45c88e4 100644 --- a/front/packages/ui/src/fetch-infinite.tsx +++ b/front/packages/ui/src/fetch-infinite.tsx @@ -103,7 +103,7 @@ export const InfiniteFetchList = ({ (_, i) => ({ id: `gen${i}`, isLoading: true }) as Data, ); - const List = nested ? FlatList as unknown as typeof FlashList : FlashList; + const List = nested ? (FlatList as unknown as typeof FlashList) : FlashList; // @ts-ignore if (headerProps && !isValidElement(Header)) Header =
; @@ -114,14 +114,21 @@ export const InfiniteFetchList = ({ ...contentContainerStyle, }} renderItem={({ item, index }) => ( - + {children({ isLoading: false, ...item } as any, index)} )} data={isFetching ? [...(items || []), ...placeholders] : items} horizontal={layout.layout === "horizontal"} keyExtractor={(item: any) => item.id} - numColumns={numColumns} + numColumns={layout.layout === "horizontal" ? 1 : numColumns} estimatedItemSize={size} onEndReached={fetchMore ? fetchNextPage : undefined} onEndReachedThreshold={0.5} diff --git a/front/packages/ui/src/fetch-infinite.web.tsx b/front/packages/ui/src/fetch-infinite.web.tsx index 53e77245..aea08b40 100644 --- a/front/packages/ui/src/fetch-infinite.web.tsx +++ b/front/packages/ui/src/fetch-infinite.web.tsx @@ -32,7 +32,6 @@ import { } from "react"; import { Stylable, nativeStyleToCss, useYoshiki, ysMap } from "yoshiki"; import { EmptyView, ErrorView, Layout, WithLoading, addHeader } from "./fetch"; -import { ViewStyle } from "react-native"; import type { ContentStyle } from "@shopify/flash-list"; const InfiniteScroll = ({ diff --git a/front/packages/ui/src/home/genre.tsx b/front/packages/ui/src/home/genre.tsx index 7a40255d..3095834a 100644 --- a/front/packages/ui/src/home/genre.tsx +++ b/front/packages/ui/src/home/genre.tsx @@ -20,21 +20,17 @@ import { Genre, - ItemKind, LibraryItem, LibraryItemP, QueryIdentifier, - getDisplayDate, useInfiniteFetch, } from "@kyoo/models"; -import { H3, IconButton, ts } from "@kyoo/primitives"; -import { ReactElement, forwardRef, useRef } from "react"; +import { H3, ts } from "@kyoo/primitives"; +import { useRef } from "react"; import { View } from "react-native"; -import { px, useYoshiki } from "yoshiki/native"; +import { useYoshiki } from "yoshiki/native"; import { ItemGrid } from "../browse/grid"; -import ChevronLeft from "@material-symbols/svg-400/rounded/chevron_left-fill.svg"; -import ChevronRight from "@material-symbols/svg-400/rounded/chevron_right-fill.svg"; -import { InfiniteFetch, InfiniteFetchList } from "../fetch-infinite"; +import { InfiniteFetchList } from "../fetch-infinite"; import { useTranslation } from "react-i18next"; import { itemMap } from "../browse";