zoriya/Chromacase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix search input bar wasn't visible on android

Browse Source
This commit is contained in:
Clément Le Bihan
2024-01-15 00:38:53 +01:00
parent 234335cf61
commit 10dbfda8a4
2 changed files with 17 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
front/components/V2/SearchBar.tsx
View File

@@ -66,52 +66,50 @@ const SearchBarComponent = (props: { onValidate: (searchData: searchProps) => vo
borderBottomColor: '#9E9E9E', borderBottomColor: '#9E9E9E',
display: 'flex', display: 'flex',
flexDirection: isMobileView ? 'column' : 'row', flexDirection: isMobileView ? 'column' : 'row',
maxWidth: '100%',
width: '100%', width: '100%',
margin: 5, margin: 5,
padding: 16, padding: isMobileView ? 8 : 16,
gap: 10, gap: 10,
}} }}
> >
<View {!!artist && (
style={{ <View
flexGrow: 0, style={{
flexShrink: 0, flexGrow: 0,
flexDirection: 'row', flexShrink: 0,
flexWrap: 'nowrap', flexDirection: 'row',
maxWidth: '100%', flexWrap: 'nowrap',
}} maxWidth: '100%',
> }}
{!!artist && ( >
<ArtistChipComponent <ArtistChipComponent
onPress={() => setArtist('')} onPress={() => setArtist('')}
name={artist} name={artist}
selected={true} selected={true}
/> />
)} </View>
</View> )}
<View <View
style={{ style={{
flex: 1, flexGrow: 1,
display: 'flex', display: 'flex',
flexDirection: 'row', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',
}} }}
> >
<View style={{ flex: 1 }}> <View style={{ flexGrow: 1 }}>
<Input <Input
type="text" type="text"
value={query} value={query}
variant={'unstyled'} variant={'unstyled'}
placeholder={translate('searchBarPlaceholder')} placeholder={translate('searchBarPlaceholder')}
style={{ height: 30 }} style={{ height: 30, flex: 1 }}
onChangeText={(value) => setQuery(value)} onChangeText={(value) => setQuery(value)}
/> />
</View> </View>
<ButtonBase <ButtonBase
type="menu" type="menu"
icon={SearchNormal1} icon={SearchNormal1}
style={{}}
onPress={handleValidate} onPress={handleValidate}
/> />
</View> </View>

2
front/i18n/Translations.ts
View File

@@ -645,7 +645,7 @@ export const fr: typeof en = {
whatIsChromacase: "Chromacase c'est quoi?", whatIsChromacase: "Chromacase c'est quoi?",
clickHereForMoreInfo: "Cliquez ici pour plus d'info", clickHereForMoreInfo: "Cliquez ici pour plus d'info",
forgotPassword: "J'ai oublié mon mot de passe", forgotPassword: "J'ai oublié mon mot de passe",
updateProfile: 'Changer le Profile', updateProfile: 'Changer le Profil',
accountCreatedOn: 'Compte créé le', accountCreatedOn: 'Compte créé le',
downloadAPKInstructions: downloadAPKInstructions:
"Télécharger 'android-build.apk' dans la section 'Assets' de la dernière release", "Télécharger 'android-build.apk' dans la section 'Assets' de la dernière release",