From 627b8df6581d0bdfa83a19a2ca9f15c0f8dae8bf Mon Sep 17 00:00:00 2001
From: Amaury Danis Cousandier <amaury.danis-cousandier@epitech.eu>
Date: Fri, 12 Jan 2024 16:54:54 +0100
Subject: [PATCH] css fixed

---
 front/components/V2/SearchBar.tsx | 23 +++++++----------------
 front/views/V2/SearchView.tsx     |  2 +-
 2 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/front/components/V2/SearchBar.tsx b/front/components/V2/SearchBar.tsx
index 4b9cf72..1ccf789 100644
--- a/front/components/V2/SearchBar.tsx
+++ b/front/components/V2/SearchBar.tsx
@@ -66,7 +66,7 @@ const SearchBarComponent = (props: { onValidate: (searchData: searchProps) => vo
 					borderBottomColor: '#9E9E9E',
 					display: 'flex',
 					flexDirection: isMobileView ? 'column' : 'row',
-					alignItems: 'center',
+					maxWidth: '100%',
 					width: '100%',
 					margin: 5,
 					padding: 16,
@@ -78,7 +78,8 @@ const SearchBarComponent = (props: { onValidate: (searchData: searchProps) => vo
 						flexGrow: 0,
 						flexShrink: 0,
 						flexDirection: 'row',
-						flexWrap: 'wrap',
+						flexWrap: 'nowrap',
+						maxWidth: '100%',
 					}}
 				>
 					{artist && (
@@ -91,36 +92,26 @@ const SearchBarComponent = (props: { onValidate: (searchData: searchProps) => vo
 				</View>
 				<View
 					style={{
+						flex: 1,
 						display: 'flex',
 						flexDirection: 'row',
-						justifyContent: 'space-between',
 						alignItems: 'center',
-						flexGrow: 1,
-						width: '100%',
 					}}
 				>
-					<View
-						style={{
-							flexGrow: 1,
-							flexShrink: 1,
-						}}
-					>
+					<View style={{ flex: 1 }}>
 						<Input
 							type="text"
 							value={query}
 							variant={'unstyled'}
 							placeholder={translate('searchBarPlaceholder')}
-							style={{ width: '100%', height: 30 }}
+							style={{ height: 30 }}
 							onChangeText={(value) => setQuery(value)}
 						/>
 					</View>
 					<ButtonBase
 						type="menu"
 						icon={SearchNormal1}
-						style={{
-							flexShrink: 0,
-							flexGrow: 0,
-						}}
+						style={{}}
 						onPress={handleValidate}
 					/>
 				</View>
diff --git a/front/views/V2/SearchView.tsx b/front/views/V2/SearchView.tsx
index 380bd36..a13ec18 100644
--- a/front/views/V2/SearchView.tsx
+++ b/front/views/V2/SearchView.tsx
@@ -116,7 +116,7 @@ const SearchView = (props: RouteProps<{}>) => {
 
 				return {
 					artist:
-						artistsQuery.data?.find((artist) => artist.id == song?.artist?.id)?.name ??
+						artistsQuery?.data?.find(({ id }) => id == song?.artistId)?.name ??
 						'unknown artist',
 					song: song?.name,
 					image: song?.cover,