Create flatlist for currency

mymoneymanager/package.json

@@ -24,6 +24,7 @@
     "@redmin_delishaj/react-native-select": "^1.0.6",
     "@rneui/themed": "^4.0.0-rc.7",
     "grid-flatlist-react-native": "^0.1.8",
+    "mod-react-native-overlay": "^0.5.0",
     "moment": "^2.29.4",
     "moment-timezone": "^0.5.39",
     "pouchdb": "^7.3.0",
@@ -31,10 +32,12 @@
     "react-native": "0.70.4",
     "react-native-alert-pro": "^1.1.2",
     "react-native-androw": "^0.0.34",
+    "react-native-animatable": "^1.3.3",
     "react-native-btr": "^2.2.0",
     "react-native-button": "^3.0.1",
     "react-native-chonse-select": "^1.0.5",
     "react-native-config": "^1.4.11",
+    "react-native-custom-picker": "^0.4.0",
     "react-native-customisable-alert": "^0.1.20",
     "react-native-dropdown-select-list": "^1.0.23",
     "react-native-elements": "^3.4.2",
@@ -46,6 +49,7 @@
     "react-native-material-dropdown": "^0.11.1",
     "react-native-modal": "^13.0.1",
     "react-native-modal-datetime-picker": "^14.0.0",
+    "react-native-modal-overlay": "^1.3.1",
     "react-native-modalbox": "^2.0.2",
     "react-native-modern-datepicker": "^1.0.0-beta.91",
     "react-native-pager-view": "^6.0.0",

mymoneymanager/screens/profile/index.js

@@ -42,11 +42,13 @@ const profile = require ('../../images/profile.jpg');
 
 const Profile =()=> {
 
-  const [fname, onChangeFName] = React.useState(null);
-  const [lname, onChangeLName] = React.useState(null);
-  const [email, onChangeEmail] = React.useState(null);
-  const [password, onChangePassword] = React.useState(null);
-  const [confirmPassword, onChangeConfirmPassword] = React.useState(null);
+  const [fname, onChangeFName] = useState('Farhani');
+  const [lname, onChangeLName] = useState('Halim');
+  const [email, onChangeEmail] = useState('farhanihalim@gmail.com');
+  const [password, onChangePassword] = useState('');
+  const [confirmPassword, onChangeConfirmPassword] = useState('');
+  const [dob, setDOB] = useState('06/02/1999');
+  const [gender, setGender] = useState('Female');
  
   const [isDatePickerVisible, setDatePickerVisibility] = useState(false);
 
@@ -159,9 +161,9 @@ const requestCameraPermission = async () => {
 
                         <View style={{marginTop:10, marginHorizontal:5,flexDirection:'row', justifyContent:'space-between', width:'100%'}}>
                             <View style={styles.input}> 
-                            <TextInput style={{marginTop:3, fontSize:15, marginHorizontal:2}} onChangeFName={onChangeFName} value={fname} fontSize={15}/></View>
+                            <TextInput style={{marginTop:3, fontSize:15, marginHorizontal:2}} setDOB={setDOB} value={dob} fontSize={15}/></View>
                             <View style={[styles.input,{marginRight:10}]}>
-                            <TextInput style={{marginTop:3, fontSize:15, marginHorizontal:2}} onChangeFName={onChangeLName} value={lname} fontSize={15}/>
+                            <TextInput style={{marginTop:3, fontSize:15, marginHorizontal:2}} setGender={setGender} value={gender} fontSize={15}/>
                             </View>
                         </View>
 

mymoneymanager/screens/transactions/style.js

@@ -88,8 +88,8 @@ const styles = StyleSheet.create ({
 
       containerBox:{
         borderWidth: 1,
-    borderColor: '#CECECE',
-    width: 250,
+        borderColor: '#CECECE',
+        width: 250,
     height: 50,
     alignSelf: 'center',
     justifyContent: 'space-between',

mymoneymanager/screens/wishlists/addwishlist.js

@@ -67,12 +67,12 @@ const Wishlists =()=> {
     hideDatePicker();
   };
 
-  const getDate = () => {
-    let tempDate = date.toString().split(' ');
-    return date !== ''
-      ? `${tempDate[0]} ${tempDate[1]} ${tempDate[2]} ${tempDate[3]}`
-      : '';
-  };
+  // const getDate = () => {
+  //   let tempDate = date.toString().split(' ');
+  //   return date !== ''
+  //     ? `${tempDate[0]} ${tempDate[1]} ${tempDate[2]} ${tempDate[3]}`
+  //     : '';
+  // };
     return (
         <View style = {{backgroundColor:'white', height:'100%'}}>
             <View style={{marginHorizontal:20, marginTop:20}}>
@@ -94,14 +94,15 @@ const Wishlists =()=> {
                 <View style={styles.dividerLine}></View>
                   <Text style={styles.text}>Desired date</Text>
                       <View style={{flexDirection:'row'}}>
-                         <Text style= {styles.textInput}></Text>
+                        
                          <TouchableOpacity title="Show Date Picker" onPress = {()=>setDatePickerVisibility(!isDatePickerVisible)}>
                          <DateTimePickerModal
                 isVisible={isDatePickerVisible}
                 mode="date"
                 onConfirm={handleConfirmDate}
                 onCancel={hideDatePicker}/>
-                         <Image style={{width:10, height:10, marginLeft:'auto', marginTop:15}} source={drop}></Image></TouchableOpacity>
+                 <Text>{confirmDate}</Text>
+                         <Image style={{width:10, height:10, marginTop:15, marginHorizontal:290, marginBottom:1 }} source={drop}></Image></TouchableOpacity>
                        </View>
 
                 <View style={styles.dividerLine}></View>

mymoneymanager/yarn.lock

@@ -5914,6 +5914,11 @@ mkdirp@^0.5.1:
   dependencies:
     minimist "^1.2.6"
 
+mod-react-native-overlay@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/mod-react-native-overlay/-/mod-react-native-overlay-0.5.0.tgz#f39b98c9ef59063d26a058521d121ede2c8900d5"
+  integrity sha512-PVTwvHg+JlDywdtNVAeDnymo9hAK0oZLWCyO5uDJJMZyr9LWAOSfBRB58spYPCv47+G2QKNloRKBzuHugVaO9g==
+
 modify-values@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/modify-values/-/modify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
@@ -6672,7 +6677,7 @@ react-native-androw@^0.0.34:
   resolved "https://registry.yarnpkg.com/react-native-androw/-/react-native-androw-0.0.34.tgz#5c4214b155946004a57916619a518974ebd96b36"
   integrity sha512-YuW0GxYNzABvPPe6k+JdLUF5CAzKSW5R6IxxA/+fg5gc+4avE1tZgLmnRfNtXJCbW9r90YLYp33S9Uu2pe//fg==
 
-react-native-animatable@1.3.3, react-native-animatable@^1.3.1:
+react-native-animatable@1.3.3, react-native-animatable@^1.2.4, react-native-animatable@^1.3.1, react-native-animatable@^1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/react-native-animatable/-/react-native-animatable-1.3.3.tgz#a13a4af8258e3bb14d0a9d839917e9bb9274ec8a"
   integrity sha512-2ckIxZQAsvWn25Ho+DK3d1mXIgj7tITkrS4pYDvx96WyOttSvzzFeQnM2od0+FUMzILbdHDsDEqZvnz1DYNQ1w==
@@ -6715,6 +6720,11 @@ react-native-config@^1.4.11:
   resolved "https://registry.yarnpkg.com/react-native-config/-/react-native-config-1.4.11.tgz#f9ea08a8dffbe3fd4f2187d80d2594756526dee8"
   integrity sha512-PdBFnfR3pljUNrJu4B2wiJ9TbAiz1J1WcG5KP8AFBqZi8ve5MV/CTCDnANaGrqhOxkBDJV73D/SrMENHe7TKBg==
 
+react-native-custom-picker@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/react-native-custom-picker/-/react-native-custom-picker-0.4.0.tgz#258896b1eae65f95e4122b4bbdf6bfd68a27d0e3"
+  integrity sha512-zhpt3pEYo/6xH2F0+G//SCo3Q7QddAS8/Xrrwc8Cif/PfaPU15cEMUakBGyJ/5vAv67RtF74WQcGhfA4RS09xg==
+
 react-native-customisable-alert@^0.1.20:
   version "0.1.20"
   resolved "https://registry.yarnpkg.com/react-native-customisable-alert/-/react-native-customisable-alert-0.1.20.tgz#af733b95e47ee4c98b98b3a065a4fd6c38d45e4c"
@@ -6845,6 +6855,13 @@ react-native-modal-datetime-picker@^14.0.0:
   dependencies:
     prop-types "^15.7.2"
 
+react-native-modal-overlay@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/react-native-modal-overlay/-/react-native-modal-overlay-1.3.1.tgz#bfb876603e035d026e1db16c5cce053414c0d842"
+  integrity sha512-K4J5IfJcNYNjoKDXWON5dyFf4W8UnNU5+rXcHq9ePRriUiTQPjHG2JaaqctA6GpGHU6CswApEOoxJyRw6rc9aw==
+  dependencies:
+    react-native-animatable "^1.2.4"
+
 react-native-modal@^11.3.1:
   version "11.10.0"
   resolved "https://registry.yarnpkg.com/react-native-modal/-/react-native-modal-11.10.0.tgz#94a6d3a2428ba5228cfb4dc174cacea79c871591"