Merge branch 'phase2_home' into 'dev_phase2'

Phase2 home

See merge request !11

src/Screens/Home/HomeView.js

 import React from 'react';
 import {
   View,
-  Text,
   ImageBackground,
   StyleSheet,
   ScrollView,
 } from 'react-native';
 import HeaderHome from '../../components/Header/HeaderHome';
-import Footer from './Footer';
-import {HEIGHT, HEIGHTXD, toPriceVnd, getFontXD} from '../../Config/Functions';
+import {getFontXD} from '../../Config/Functions';
 import R from '../../assets/R';
-import AppText from '../../components/AppText';
 import SwiperComponent from './SwiperComponent';
 import PriceListView from './PriceListView';
 

src/Screens/Home/ItemPrice.js

@@ -47,12 +47,12 @@ const ItemPrice = (props) => {
                                 justifyContent: 'space-between',
                                 alignItems: 'center',
                             }}>
-                            <Image source={item.isUp ? R.images.iconTriangleUp : R.images.iconTriangleDown} style={styles.imgIcon} />
-                            <Text style={[styles.txtBlack, {flexWrap: 'wrap', color: item.isUp ? R.colors.green : R.colors.red2}]}>
+                            <Image source={item.is_up ? R.images.iconTriangleUp : R.images.iconTriangleDown} style={styles.imgIcon} />
+                            <Text style={[styles.txtBlack, {flexWrap: 'wrap', color: item.is_up ? R.colors.green : R.colors.red2}]}>
                                 {item.change}
                             </Text>
                         </View>
-                        <Text style={[styles.txtMoney, {color: item.isUp ? R.colors.green : R.colors.red2}]}>{`${item.change}%`}</Text>
+                        <Text style={[styles.txtMoney, {color: item.is_up ? R.colors.green : R.colors.red2}]}>{`${item.change_percent}%`}</Text>
                     </View>
                 </Block>
                 <Block padding={[0, 0]} space={'between'} flex={1}>
@@ -73,9 +73,9 @@ const ItemPrice = (props) => {
 
                             <Text style={[styles.txtBlack, {flexWrap: 'wrap'}]}
                                   ellipsizeMode='tail'>
-                                {item.openPrice}
+                                {item.open_price}
                             </Text>
-                            <Image source={item.isUp ? R.images.iconTriangleUp : R.images.iconTriangleDown} style={styles.imgIcon} />
+                            <Image source={item.is_up ? R.images.iconTriangleUp : R.images.iconTriangleDown} style={styles.imgIcon} />
                         </View>
                         <View
                             style={{
@@ -84,7 +84,7 @@ const ItemPrice = (props) => {
                                 justifyContent: 'space-between',
                                 alignItems: 'center',
                             }}>
-                            <Text style={[styles.txtMoney, {color: R.colors.gray}]}>{item.closePrice}</Text>
+                            <Text style={[styles.txtMoney, {color: R.colors.gray}]}>{item.close_price}</Text>
                             <Image source={R.images.iconCheck2} style={styles.imgIcon} />
                         </View>
                     </View>
@@ -104,7 +104,7 @@ const ItemPrice = (props) => {
                                 justifyContent: 'center',
                             }}>
                             <Text style={[styles.txtBlack, {flexWrap: 'wrap'}]}>
-                                {item.highPrice}
+                                {item.high_price}
                             </Text>
                             <Text style={[styles.txtGray, {flexWrap: 'wrap'}]}>
                                 H
@@ -116,7 +116,7 @@ const ItemPrice = (props) => {
                                 flexDirection: 'row',
                                 justifyContent: 'center',
                             }}>
-                            <Text style={styles.txtMoney}>{item.lowPrice}</Text>
+                            <Text style={styles.txtMoney}>{item.low_price}</Text>
                             <Text style={[styles.txtGray, {flexWrap: 'wrap'}]}>
                                 L
                             </Text>

src/Screens/Home/PriceListView.js

-import React, {useState} from 'react';
+import React, {useState, useEffect} from 'react';
 import {
     View,
     Text,

src/apis/Functions/Home.js

+import {GetData} from '../helpers';
+
+import url from '../url';
+
+export const getPriceTable = async (body) =>
+  GetData(url.urlGetPriceTable, body)
+    .then((res) => res)
+    .catch((err) => err);

src/apis/url.js

@@ -25,6 +25,7 @@ export default {
 
   //Home
   urlGetTransaction: root + 'api/v1/customers/statistic-transaction',
+  urlGetPriceTable: `${root}api/v1/customers/update-price-table`,
 
   //History
   urlGetListHistory: root + 'api/v1/customers/get-list-transaction-history',