From 10dbfda8a49a4296d95e26f40fc13e0f7e4dc0a5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Le=20Bihan?= <clement.lebihan773@gmail.com>
Date: Mon, 15 Jan 2024 00:38:53 +0100
Subject: [PATCH] Fix search input bar wasn't visible on android

---
 front/components/V2/SearchBar.tsx | 34 +++++++++++++++----------------
 front/i18n/Translations.ts        |  2 +-
 2 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/front/components/V2/SearchBar.tsx b/front/components/V2/SearchBar.tsx
index 8f47632..bca3e70 100644
--- a/front/components/V2/SearchBar.tsx
+++ b/front/components/V2/SearchBar.tsx
@@ -66,52 +66,50 @@ const SearchBarComponent = (props: { onValidate: (searchData: searchProps) => vo
 					borderBottomColor: '#9E9E9E',
 					display: 'flex',
 					flexDirection: isMobileView ? 'column' : 'row',
-					maxWidth: '100%',
 					width: '100%',
 					margin: 5,
-					padding: 16,
+					padding: isMobileView ? 8 : 16,
 					gap: 10,
 				}}
 			>
-				<View
-					style={{
-						flexGrow: 0,
-						flexShrink: 0,
-						flexDirection: 'row',
-						flexWrap: 'nowrap',
-						maxWidth: '100%',
-					}}
-				>
-					{!!artist && (
+				{!!artist && (
+					<View
+						style={{
+							flexGrow: 0,
+							flexShrink: 0,
+							flexDirection: 'row',
+							flexWrap: 'nowrap',
+							maxWidth: '100%',
+						}}
+					>
 						<ArtistChipComponent
 							onPress={() => setArtist('')}
 							name={artist}
 							selected={true}
 						/>
-					)}
-				</View>
+					</View>
+				)}
 				<View
 					style={{
-						flex: 1,
+						flexGrow: 1,
 						display: 'flex',
 						flexDirection: 'row',
 						alignItems: 'center',
 					}}
 				>
-					<View style={{ flex: 1 }}>
+					<View style={{ flexGrow: 1 }}>
 						<Input
 							type="text"
 							value={query}
 							variant={'unstyled'}
 							placeholder={translate('searchBarPlaceholder')}
-							style={{ height: 30 }}
+							style={{ height: 30, flex: 1 }}
 							onChangeText={(value) => setQuery(value)}
 						/>
 					</View>
 					<ButtonBase
 						type="menu"
 						icon={SearchNormal1}
-						style={{}}
 						onPress={handleValidate}
 					/>
 				</View>
diff --git a/front/i18n/Translations.ts b/front/i18n/Translations.ts
index 3891134..bc08786 100644
--- a/front/i18n/Translations.ts
+++ b/front/i18n/Translations.ts
@@ -645,7 +645,7 @@ export const fr: typeof en = {
 	whatIsChromacase: "Chromacase c'est quoi?",
 	clickHereForMoreInfo: "Cliquez ici pour plus d'info",
 	forgotPassword: "J'ai oublié mon mot de passe",
-	updateProfile: 'Changer le Profile',
+	updateProfile: 'Changer le Profil',
 	accountCreatedOn: 'Compte créé le',
 	downloadAPKInstructions:
 		"Télécharger 'android-build.apk' dans la section 'Assets' de la dernière release",