From 22ece473d41baf1935be20f21f9485e00bcb39af Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Wed, 8 Apr 2026 17:05:12 +0200
Subject: [PATCH] Misc cleanups for mobile

---
 front/src/components/items/item-grid.tsx |  2 +-
 front/src/primitives/tabs.tsx            | 12 +++++++-----
 front/src/ui/browse/header.tsx           |  5 +----
 front/src/ui/navbar.tsx                  |  1 -
 front/src/ui/profile/index.tsx           |  2 +-
 5 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/front/src/components/items/item-grid.tsx b/front/src/components/items/item-grid.tsx
index 41037465..36eeed9f 100644
--- a/front/src/components/items/item-grid.tsx
+++ b/front/src/components/items/item-grid.tsx
@@ -84,7 +84,7 @@ export const ItemGrid = ({
 					availableCount={availableCount}
 					seenCount={seenCount}
 				/>
-				{kind === "movie" && watchPercent && (
+				{kind === "movie" && !!watchPercent && (
 					<ItemProgress watchPercent={watchPercent} />
 				)}
 				{kind !== "collection" && (
diff --git a/front/src/primitives/tabs.tsx b/front/src/primitives/tabs.tsx
index e342c6e6..d4d6f3b1 100644
--- a/front/src/primitives/tabs.tsx
+++ b/front/src/primitives/tabs.tsx
@@ -1,4 +1,4 @@
-import { type Falsy, Pressable, View } from "react-native";
+import { type Falsy, Pressable, ScrollView } from "react-native";
 import { cn } from "~/utils";
 import { Icon, type Icon as IconType } from "./icons";
 import { P } from "./text";
@@ -30,11 +30,13 @@ export const Tabs = <T,>({
 		icon: IconType;
 	}[];
 	return (
-		<View
+		<ScrollView
+			horizontal
+			containerClassName={cn("shrink flex-row items-center", className)}
 			className={cn(
-				"flex-row flex-wrap items-center overflow-hidden rounded-4xl border-3 border-accent p-1",
+				"rounded-4xl border-3 border-accent p-1",
+
 				disabled && "border-slate-600",
-				className,
 			)}
 			{...props}
 		>
@@ -70,6 +72,6 @@ export const Tabs = <T,>({
 					</P>
 				</Pressable>
 			))}
-		</View>
+		</ScrollView>
 	);
 };
diff --git a/front/src/ui/browse/header.tsx b/front/src/ui/browse/header.tsx
index 83062dd6..ed29d8d8 100644
--- a/front/src/ui/browse/header.tsx
+++ b/front/src/ui/browse/header.tsx
@@ -98,10 +98,7 @@ const FilterTrigger = ({
 			{...props}
 		>
 			<Icon icon={icon ?? FilterList} className="mx-1" />
-			<P>
-				{label}
-				{count > 0 ? ` (${count})` : ""}
-			</P>
+			<P>{count > 0 ? `${label} (${count})` : label}</P>
 		</PressableFeedback>
 	);
 };
diff --git a/front/src/ui/navbar.tsx b/front/src/ui/navbar.tsx
index f08b2d2d..658605c4 100644
--- a/front/src/ui/navbar.tsx
+++ b/front/src/ui/navbar.tsx
@@ -94,7 +94,6 @@ export const NavbarRight = () => {
 				key={path}
 				value={path === "/browse" ? q : undefined}
 				onChangeText={(query) => {
-					console.log(query);
 					if (path === "/browse") {
 						setQuery(query ?? undefined);
 					}
diff --git a/front/src/ui/profile/index.tsx b/front/src/ui/profile/index.tsx
index 877e01a4..e6241f32 100644
--- a/front/src/ui/profile/index.tsx
+++ b/front/src/ui/profile/index.tsx
@@ -151,7 +151,7 @@ const ProfileHeader = ({
 					}))}
 					value={status}
 					setValue={setStatus}
-					className="shrink self-start"
+					className="self-start"
 				/>
 			</View>
 		</View>