From cdccc9bc8b0e77530ae860a594efb24e73602fb1 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Tue, 12 Dec 2023 14:21:56 +0100
Subject: [PATCH] Set minimum height of horizontal items

---
 front/packages/ui/src/fetch-infinite.tsx     | 12 +++++++++++-
 front/packages/ui/src/fetch-infinite.web.tsx |  4 +++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/front/packages/ui/src/fetch-infinite.tsx b/front/packages/ui/src/fetch-infinite.tsx
index ee9cdde2..ae4a3d99 100644
--- a/front/packages/ui/src/fetch-infinite.tsx
+++ b/front/packages/ui/src/fetch-infinite.tsx
@@ -21,7 +21,16 @@
 import { Page, QueryIdentifier, useInfiniteFetch } from "@kyoo/models";
 import { useBreakpointMap, HR } from "@kyoo/primitives";
 import { ContentStyle, FlashList } from "@shopify/flash-list";
-import { ComponentProps, ComponentType, isValidElement, ReactElement, useRef } from "react";
+import {
+	ComponentProps,
+	ComponentType,
+	isValidElement,
+	ReactElement,
+	useCallback,
+	useReducer,
+	useRef,
+	useState,
+} from "react";
 import { EmptyView, ErrorView, Layout, WithLoading, addHeader } from "./fetch";
 import { FlatList, View, ViewStyle } from "react-native";
 
@@ -122,6 +131,7 @@ export const InfiniteFetchList = <Data, Props, _, Kind>({
 						layout.layout === "horizontal" && {
 							width:
 								size * (getItemType && getItemSize ? getItemSize(getItemType(item, index)) : 1),
+							height: size * 2,
 						},
 					]}
 				>
diff --git a/front/packages/ui/src/fetch-infinite.web.tsx b/front/packages/ui/src/fetch-infinite.web.tsx
index b1614f18..3a2b50f5 100644
--- a/front/packages/ui/src/fetch-infinite.web.tsx
+++ b/front/packages/ui/src/fetch-infinite.web.tsx
@@ -150,6 +150,7 @@ export const InfiniteFetchList = <Data, _, HeaderProps, Kind>({
 	Header,
 	headerProps,
 	getItemType,
+	nested,
 	...props
 }: {
 	query: ReturnType<typeof useInfiniteFetch<_, Data>>;
@@ -165,9 +166,10 @@ export const InfiniteFetchList = <Data, _, HeaderProps, Kind>({
 	Header?: ComponentType<{ children: JSX.Element } & HeaderProps> | ReactElement;
 	headerProps: HeaderProps;
 	getItemType?: (item: WithLoading<Data>, index: number) => Kind;
-	getItemSize?: (kind: Kind) => number
+	getItemSize?: (kind: Kind) => number;
 	fetchMore?: boolean;
 	contentContainerStyle?: ContentStyle;
+	nested?: boolean;
 }): JSX.Element | null => {
 	const oldItems = useRef<Data[] | undefined>();
 	const { items, error, fetchNextPage, hasNextPage, isFetching } = query;