From 9b05dc3ae3e180c7a2f769b614511579f652061c Mon Sep 17 00:00:00 2001
From: danis <amaury.danis-cousandier@epitech.eu>
Date: Wed, 6 Dec 2023 20:31:08 +0100
Subject: [PATCH] fix(searchBarV2): fix hidden scrollView when artist is
 selected

---
 front/components/V2/SearchBar.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/front/components/V2/SearchBar.tsx b/front/components/V2/SearchBar.tsx
index 8c3c4e0..c18e7c5 100644
--- a/front/components/V2/SearchBar.tsx
+++ b/front/components/V2/SearchBar.tsx
@@ -106,6 +106,7 @@ const SearchBarComponent = () => {
 				style={{
 					display: 'flex',
 					flexDirection: 'row',
+					flexWrap: 'wrap',
 					justifyContent: 'space-between',
 					alignItems: 'center',
 					gap: 10,
@@ -115,6 +116,7 @@ const SearchBarComponent = () => {
 					horizontal={true}
 					style={{
 						paddingBottom: 10,
+						maxWidth: 1200,
 					}}
 				>
 					<View
@@ -125,7 +127,7 @@ const SearchBarComponent = () => {
 							gap: 10,
 						}}
 					>
-						{artistsQuery.data?.map((artist, index) => (
+						{ !artist ? artistsQuery.data?.map((artist, index) => (
 							<ArtistChipComponent
 								key={index}
 								name={artist.name}
@@ -133,7 +135,7 @@ const SearchBarComponent = () => {
 									setArtist(artist.name);
 								}}
 							/>
-						))}
+						)) : null}
 					</View>
 				</ScrollView>
 				<View>