From 05d8332358fec9b5a389147d425c320f3a270888 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Sun, 5 Nov 2023 10:58:07 +0100
Subject: [PATCH] Use smallers chips

---
 front/packages/primitives/src/chip.tsx            | 2 +-
 front/packages/primitives/src/image/image.web.tsx | 2 +-
 front/packages/ui/src/home/recommanded.tsx        | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/front/packages/primitives/src/chip.tsx b/front/packages/primitives/src/chip.tsx
index 2f1ddfbb..5a7be16d 100644
--- a/front/packages/primitives/src/chip.tsx
+++ b/front/packages/primitives/src/chip.tsx
@@ -38,7 +38,7 @@ export const Chip = <AsProps = { label: string },>({
 } & AsProps) => {
 	const { css } = useYoshiki();
 
-	const sizeMult = size == "medium" ? 1 : size == "small" ? 0.75 : 1.25;
+	const sizeMult = size == "medium" ? 1 : size == "small" ? 0.5 : 1.5;
 
 	const As = as ?? (P as any);
 	// @ts-ignore backward compatibilty
diff --git a/front/packages/primitives/src/image/image.web.tsx b/front/packages/primitives/src/image/image.web.tsx
index d10a42d1..2424d415 100644
--- a/front/packages/primitives/src/image/image.web.tsx
+++ b/front/packages/primitives/src/image/image.web.tsx
@@ -72,7 +72,7 @@ export const Image = ({
 				placeholder="blur"
 				// Don't use next's server to reprocess images, they are already optimized by kyoo.
 				unoptimized={true}
-				onLoadingComplete={() => setState("finished")}
+				onLoad={() => setState("finished")}
 				onError={() => setState("errored")}
 			/>
 		</BlurhashContainer>
diff --git a/front/packages/ui/src/home/recommanded.tsx b/front/packages/ui/src/home/recommanded.tsx
index 742f72fd..d576f19f 100644
--- a/front/packages/ui/src/home/recommanded.tsx
+++ b/front/packages/ui/src/home/recommanded.tsx
@@ -135,8 +135,8 @@ export const ItemDetails = ({
 						minHeight: px(50),
 					})}
 				>
-					<ScrollView horizontal>
-						{genres?.map((x) => <Chip key={x} label={x} {...css({ mX: ts(0.5) })} />)}
+					<ScrollView horizontal {...css({ alignItems: "center" })}>
+						{genres?.map((x) => <Chip key={x} size="small" label={x} {...css({ mX: ts(0.5) })} />)}
 					</ScrollView>
 					{playHref !== null && (
 						<IconFab