From 00e7da4bd2c4352769bdcc836be5d0edd582fb29 Mon Sep 17 00:00:00 2001
From: Arnaud Vergnet <vergnet@etud.insa-toulouse.fr>
Date: Sun, 12 Apr 2020 17:14:14 +0200
Subject: [PATCH] Improved proximo sort menu

---
 src/screens/Proximo/ProximoListScreen.js | 36 +++---------------------
 1 file changed, 4 insertions(+), 32 deletions(-)

diff --git a/src/screens/Proximo/ProximoListScreen.js b/src/screens/Proximo/ProximoListScreen.js
index a51e6ce..90b54b0 100644
--- a/src/screens/Proximo/ProximoListScreen.js
+++ b/src/screens/Proximo/ProximoListScreen.js
@@ -227,38 +227,10 @@ class ProximoListScreen extends React.Component<Props, State> {
                     onValueChange={value => this.setSortMode(value)}
                     value={this.state.currentSortMode}
                 >
-                    <View style={{
-                        flexDirection: 'row',
-                        justifyContent: 'flex-start',
-                        alignItems: 'center'
-                    }}>
-                        <RadioButton value={1}/>
-                        <Text>{i18n.t('proximoScreen.sortPrice')}</Text>
-                    </View>
-                    <View style={{
-                        flexDirection: 'row',
-                        justifyContent: 'flex-start',
-                        alignItems: 'center'
-                    }}>
-                        <RadioButton value={2}/>
-                        <Text>{i18n.t('proximoScreen.sortPriceReverse')}</Text>
-                    </View>
-                    <View style={{
-                        flexDirection: 'row',
-                        justifyContent: 'flex-start',
-                        alignItems: 'center'
-                    }}>
-                        <RadioButton value={3}/>
-                        <Text>{i18n.t('proximoScreen.sortName')}</Text>
-                    </View>
-                    <View style={{
-                        flexDirection: 'row',
-                        justifyContent: 'flex-start',
-                        alignItems: 'center'
-                    }}>
-                        <RadioButton value={4}/>
-                        <Text>{i18n.t('proximoScreen.sortNameReverse')}</Text>
-                    </View>
+                    <RadioButton.Item label={i18n.t('proximoScreen.sortPrice')} value={1}/>
+                    <RadioButton.Item label={i18n.t('proximoScreen.sortPriceReverse')} value={2}/>
+                    <RadioButton.Item label={i18n.t('proximoScreen.sortName')} value={3}/>
+                    <RadioButton.Item label={i18n.t('proximoScreen.sortNameReverse')} value={4}/>
                 </RadioButton.Group>
             </View>
         );