Wallet Option Select modify screen

screens/wallet/WalletOptionSelect.js

@@ -12,6 +12,7 @@ import { IlinkEmitter } from "../../utils/events";
 import { Provider, Appbar } from 'react-native-paper';
 import { readUser } from '../../webservice/AuthApi';
 import { FontWeight, Typography } from '../../config/typography';
+import LottieView from 'lottie-react-native';
 
 export default class WalletOptionSelect extends Component {
 
@@ -70,7 +71,22 @@ export default class WalletOptionSelect extends Component {
                          </Appbar.Header>
 
                          <View style={styles.container}>
-                              <FlatList
+
+
+                              <LottieView
+                                   style={styles.lottie}
+                                   source={require("./../../datas/json/wallet_with_cash.json")}
+                                   autoPlay
+                                   loop={false}
+                              />
+
+                              <View style={[styles.checkDefault, { borderBottomColor: Color.borderColor }]}>
+                                   <Text
+                                        style={[Typography.title3, Typography.semibold]}>
+                                        {I18n.t('TRANSACTIONS')}
+                                   </Text>
+                              </View>
+                              {/* <FlatList
                                    contentContainerStyle={{
                                         paddingHorizontal: 20,
                                         paddingBottom: 10,
@@ -109,7 +125,7 @@ export default class WalletOptionSelect extends Component {
                                              />
                                         </TouchableOpacity>
                                    )}
-                              />
+                              /> */}
                          </View>
 
                     </View>
@@ -123,6 +139,7 @@ const styles = StyleSheet.create({
      container: {
           flex: 1,
           backgroundColor: Color.containerBackgroundColor,
+          paddingHorizontal: 20,
      },
      item: {
           paddingVertical: 15,
@@ -130,5 +147,17 @@ const styles = StyleSheet.create({
           flexDirection: "row",
           justifyContent: "space-between",
           alignItems: "center"
-     }
+     },
+     lottie: {
+          width: 248,
+          height: 248
+     },
+     checkDefault: {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center",
+          borderBottomWidth: 1,
+          paddingVertical: 10,
+          marginTop: 5
+     },
 });

utils/i18n/en.json

@@ -44,7 +44,7 @@
   "DEPOSIT": "Deposit",
   "CONFIRM_DEPOSIT": "Confirm deposit",
   "CONFIRM_WITHDRAWAL": "Confirm withdrawal",
-  "CHANGE_SOURCE_CARD": "Change source",
+  "CHANGE_SOURCE_CARD": "Change the type of entry number",
   "CHOOSE_SOURCE": "Choose source",
   "CREDIT_CARD": "Credit card",
   "NUMERO_DE_SERIE": "Serial number",

utils/i18n/fr.json

@@ -52,7 +52,7 @@
   "MAKE_DEPOSIT": "Effectuer un dépôt",
   "MAKE_WITHDRAWAL": "Effectuer un retrait",
   "CHOOSE_SOURCE": "Choisir la source",
-  "CHANGE_SOURCE_CARD": "Changer la source",
+  "CHANGE_SOURCE_CARD": "Changer le type du numéro de saisie",
   "CREDIT_CARD": "Carte de crédit",
   "NUMERO_DE_SERIE": "Numéro de série",
   "NUMERO_DE_SERIE_DESCRIPTION": "Veuillez saisir le numéro de série",