edit item

src/Screens/Transaction/DueDate/Item.js

@@ -27,12 +27,19 @@ const Item = (props) => {
             <Image source={R.images.iconRecharge} style={styles.imgIcon} />
           </View>
           <Block padding={[5, 10]} space={'between'} flex={1}>
-            <View style={{justifyContent: 'center', flex: 1}}>
+            <View
+              style={{
+                flex: 1,
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+              }}>
               <Text numberOfLines={2} style={styles.txtBlack}>
-                {item.body}
+                Ngô CBOT
               </Text>
+              <Text style={styles.txtMoney}>05/2022</Text>
             </View>
-            <Text style={styles.txt}>{item.pushed_at}</Text>
+            <Text style={styles.txtCode}>Mã hợp đồng:ZCEK22</Text>
+            <Text style={styles.txt}>29/04/2022-13/05/2022</Text>
           </Block>
         </Block>
       </TouchableOpacity>
@@ -75,9 +82,12 @@ const styles = StyleSheet.create({
     fontWeight: 'bold',
   },
   txt: {
-    fontSize: getFontXD(39),
-    color: '#929292',
-    fontStyle: 'italic',
+    fontSize: getFontXD(36),
+  },
+  txtCode: {
+    fontSize: getFontXD(36),
+    color: R.colors.main,
+    marginVertical: 5,
   },
   rowBet: {
     flexDirection: 'row',
@@ -87,10 +97,15 @@ const styles = StyleSheet.create({
   txtBlack: {
     fontSize: getFontXD(42),
     color: 'black',
+    fontWeight: 'bold',
   },
   imgIcon: {
     width: WIDTHXD(178),
     height: HEIGHTXD(178),
     resizeMode: 'contain',
   },
+  txtMoney: {
+    fontSize: getFontXD(42),
+    color: R.colors.main,
+  },
 });

src/Screens/Transaction/Escrow/Item.js

@@ -22,17 +22,22 @@ const Item = (props) => {
     <View style={styles.container}>
       <TouchableOpacity onPress={() => props.onPress(item)}>
         <Block flex={1} row>
-          <View style={styles.wrapLeft} />
           <View style={styles.wrapDate}>
             <Image source={R.images.iconRecharge} style={styles.imgIcon} />
           </View>
           <Block padding={[5, 10]} space={'between'} flex={1}>
-            <View style={{justifyContent: 'center', flex: 1}}>
+            <View
+              style={{
+                flex: 1,
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+              }}>
               <Text numberOfLines={2} style={styles.txtBlack}>
-                {item.body}
+                Ngô CBOT
               </Text>
+              <Text style={styles.txtMoney}>{toPriceVnd(300000)}</Text>
             </View>
-            <Text style={styles.txt}>{item.pushed_at}</Text>
+            <Text style={styles.txt}>ZCE</Text>
           </Block>
         </Block>
       </TouchableOpacity>
@@ -87,10 +92,15 @@ const styles = StyleSheet.create({
   txtBlack: {
     fontSize: getFontXD(42),
     color: 'black',
+    fontWeight: 'bold',
   },
   imgIcon: {
     width: WIDTHXD(178),
     height: HEIGHTXD(178),
     resizeMode: 'contain',
   },
+  txtMoney: {
+    fontSize: getFontXD(42),
+    color: R.colors.main,
+  },
 });

src/Screens/Transaction/PriceList/Item.js

@@ -20,19 +20,24 @@ const Item = (props) => {
   const {item} = props;
   return (
     <View style={styles.container}>
-            <TouchableOpacity onPress={()=> props.onPress(item)}>
+      <TouchableOpacity onPress={() => props.onPress(item)}>
         <Block flex={1} row>
-                    <View style={styles.wrapLeft}/>
           <View style={styles.wrapDate}>
-                        <Image source={R.images.iconRecharge} style={styles.imgIcon}/>
+            <Image source={R.images.iconRecharge} style={styles.imgIcon} />
           </View>
           <Block padding={[5, 10]} space={'between'} flex={1}>
-                        <View style={{justifyContent: 'center', flex: 1}}>
+            <View
+              style={{
+                flex: 1,
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+              }}>
               <Text numberOfLines={2} style={styles.txtBlack}>
-                                {item.body}
+                Ngô CBOT
               </Text>
+              <Text style={styles.txtMoney}>{toPriceVnd(300000)}</Text>
             </View>
-                        <Text style={styles.txt}>{item.pushed_at}</Text>
+            <Text style={styles.txt}>ZCE</Text>
           </Block>
         </Block>
       </TouchableOpacity>
@@ -87,10 +92,15 @@ const styles = StyleSheet.create({
   txtBlack: {
     fontSize: getFontXD(42),
     color: 'black',
+    fontWeight: 'bold',
   },
   imgIcon: {
     width: WIDTHXD(178),
     height: HEIGHTXD(178),
     resizeMode: 'contain',
   },
+  txtMoney: {
+    fontSize: getFontXD(42),
+    color: R.colors.main,
+  },
 });

src/Screens/Transaction/TimeTransaction/Item.js

@@ -27,12 +27,19 @@ const Item = (props) => {
             <Image source={R.images.iconRecharge} style={styles.imgIcon} />
           </View>
           <Block padding={[5, 10]} space={'between'} flex={1}>
-            <View style={{justifyContent: 'center', flex: 1}}>
+            <View
+              style={{
+                flex: 1,
+                flexDirection: 'row',
+                justifyContent: 'space-between',
+              }}>
               <Text numberOfLines={2} style={styles.txtBlack}>
-                {item.body}
+                Ngô CBOT
               </Text>
+              <Text style={styles.txtMoney}>Thứ 2-Thứ 6</Text>
             </View>
-            <Text style={styles.txt}>{item.pushed_at}</Text>
+            <Text style={styles.txt}>Phiên 1: 07:00-19:45</Text>
+            <Text style={styles.txt}>Phiên 2: 20:30-01:20</Text>
           </Block>
         </Block>
       </TouchableOpacity>
@@ -75,9 +82,7 @@ const styles = StyleSheet.create({
     fontWeight: 'bold',
   },
   txt: {
-    fontSize: getFontXD(39),
-    color: '#929292',
-    fontStyle: 'italic',
+    fontSize: getFontXD(36),
   },
   rowBet: {
     flexDirection: 'row',
@@ -87,10 +92,15 @@ const styles = StyleSheet.create({
   txtBlack: {
     fontSize: getFontXD(42),
     color: 'black',
+    fontWeight: 'bold',
   },
   imgIcon: {
     width: WIDTHXD(178),
     height: HEIGHTXD(178),
     resizeMode: 'contain',
   },
+  txtMoney: {
+    fontSize: getFontXD(42),
+    color: R.colors.main,
+  },
 });