setup menu tool

src/Screens/Tool/CaculatedDeposit.js

+import React, {Component} from 'react';
+import {View, Text} from 'react-native';
+
+const CaculatedDeposit = (props) => {
+  return (
+    <View>
+      <Text>CaculatedDeposit</Text>
+    </View>
+  );
+};
+
+export default CaculatedDeposit;

src/Screens/Tool/CaculatedProfitLoss.js

+import React, {Component} from 'react';
+import {View, Text} from 'react-native';
+
+const CaculatedProfitLoss = (props) => {
+  return (
+    <View>
+      <Text>CaculatedProfitLoss</Text>
+    </View>
+  );
+};
+
+export default CaculatedProfitLoss;

src/Screens/Tool/CaculatedStopLoss.js

+import React, {Component} from 'react';
+import {View, Text} from 'react-native';
+
+const CaculatedStopLoss = (props) => {
+  return (
+    <View>
+      <Text>CaculatedStopLoss</Text>
+    </View>
+  );
+};
+
+export default CaculatedStopLoss;

src/Screens/Tool/ConvertUnit.js

+import React, {Component} from 'react';
+import {View, Text} from 'react-native';
+
+const ConvertUnit = (props) => {
+  return (
+    <View>
+      <Text>ConvertUnit</Text>
+    </View>
+  );
+};
+
+export default ConvertUnit;

src/Screens/Tool/ExchangeRate.js

+import React, {Component} from 'react';
+import {View, Text} from 'react-native';
+
+const ExchangeRate = (props) => {
+  return (
+    <View>
+      <Text>ExchangeRate</Text>
+    </View>
+  );
+};
+
+export default ExchangeRate;

src/assets/images.js

@@ -97,6 +97,13 @@ const images = {
   iconTriangleDown: require('./images/iconTriangleDown.png'),
   iconSort: require('./images/iconSort.png'),
   imagePicker: require('./images/imagePicker.png'),
+
+  caculatedDeposit: require('./images/caculatedDeposit.png'),
+  CaculatedProfitLoss: require('./images/CaculatedProfitLoss.png'),
+  caculatedStopLoss: require('./images/caculatedStopLoss.png'),
+  convertUnit: require('./images/convertUnit.png'),
+  exchangeRate: require('./images/exchangeRate.png'),
+  iconTool: require('./images/iconTool.png'),
 };
 
 export default images;

src/components/Header/Drawer.js

@@ -14,6 +14,11 @@ import AsyncStorage from '@react-native-community/async-storage';
 import DeviceInfo from 'react-native-device-info';
 
 import {
+  CACULATEDDEPOSIT,
+  CACULATEDPROFITLOSS,
+  CACULATEDSTOPLOSS,
+  CONVERTUNIT,
+  EXCHANGERATE,
   AccountVerification,
   METHODPAY,
   SERVICECUSTOMER,
@@ -119,6 +124,47 @@ const menus = [
       },
     ],
   },
+
+  {
+    id: '9',
+    title: 'Tool',
+    icon: R.images.iconTool,
+    screen: CONTRACT,
+    active: false,
+    children: [
+      {
+        title: 'CaculatedDeposit',
+        icon: R.images.caculatedDeposit,
+        screen: CACULATEDDEPOSIT,
+        id: '91',
+      },
+      {
+        id: '92',
+        title: 'CaculatedProfitLoss',
+        icon: R.images.CaculatedProfitLoss,
+        screen: CACULATEDPROFITLOSS,
+      },
+      {
+        id: '93',
+        title: 'CaculatedStopLoss',
+        icon: R.images.caculatedStopLoss,
+        screen: CACULATEDSTOPLOSS,
+      },
+      {
+        id: '94',
+        title: 'ConvertUnit',
+        icon: R.images.convertUnit,
+        screen: CONVERTUNIT,
+      },
+      {
+        id: '95',
+        title: 'ExchangeRate',
+        icon: R.images.exchangeRate,
+        screen: EXCHANGERATE,
+      },
+    ],
+  },
+
   {
     id: '8',
     title: 'Support',

src/helper/i18/locales/en.js

@@ -231,4 +231,11 @@ export default {
   RejectVerify: 'Reject verify',
   UploadImageFail:
     'The network connection is not stable, please check the connection',
+  Tool: 'Tool',
+
+  CaculatedDeposit: 'Caculated deposit',
+  CaculatedProfitLoss: 'Caculated profit loss',
+  CaculatedStopLoss: 'Caculated stop loss',
+  ConvertUnit: 'Convert unit',
+  ExchangeRate: 'Exchange rate',
 };

src/helper/i18/locales/vn.js

@@ -233,4 +233,10 @@ export default {
   RejectVerify: 'Từ chối xác minh',
   UploadImageFail:
     'Đường truyền mạng không ổn định.Xin kiểm tra lại đường truyền!',
+  Tool: 'Công cụ',
+  CaculatedDeposit: 'Tính ký quỹ',
+  CaculatedProfitLoss: 'Tính lãi lỗ',
+  CaculatedStopLoss: 'Tính giá cắt lỗ',
+  ConvertUnit: 'Chuyển đổi đơn vị',
+  ExchangeRate: 'Quy đổi tỷ giá',
 };

src/routers/ScreenNames.js

@@ -69,3 +69,9 @@ export const PRODUCTDETAIL = 'PRODUCTDETAIL';
 export const REGISTEROTP = 'REGISTEROTP';
 
 export const OTPWALLET = 'OTPWALLET';
+
+export const CACULATEDDEPOSIT = 'CACULATEDDEPOSIT';
+export const CACULATEDPROFITLOSS = 'CACULATEDPROFITLOSS';
+export const CACULATEDSTOPLOSS = 'CACULATEDSTOPLOSS';
+export const CONVERTUNIT = 'CONVERTUNIT';
+export const EXCHANGERATE = 'EXCHANGERATE';

src/routers/StackNavigation.js

@@ -49,6 +49,12 @@ import ProductDetail from '../Screens/Transaction/ProductDetail/ProductDetail';
 import RegisterOTP from '../Screens/Authen/RegisterOTP';
 import OTPWallet from '../Screens/Action/Wallet/OTPWallet';
 
+import CaculatedDeposit from '../Screens/Tool/CaculatedDeposit';
+import CaculatedProfitLoss from '../Screens/Tool/CaculatedProfitLoss';
+import CaculatedStopLoss from '../Screens/Tool/CaculatedStopLoss';
+import ConvertUnit from '../Screens/Tool/ConvertUnit';
+import ExchangeRate from '../Screens/Tool/ExchangeRate';
+
 import * as ScreenName from './ScreenNames';
 
 const Stack = createStackNavigator();
@@ -65,11 +71,27 @@ function MyStack(props) {
       }}
       headerMode={'none'}
       initialRouteName={ScreenName.AUTHEN}>
+      <Stack.Screen
+        name={ScreenName.CACULATEDDEPOSIT}
+        component={CaculatedDeposit}
+      />
+      <Stack.Screen
+        name={ScreenName.CACULATEDPROFITLOSS}
+        component={CaculatedProfitLoss}
+      />
+      <Stack.Screen
+        name={ScreenName.CACULATEDSTOPLOSS}
+        component={CaculatedStopLoss}
+      />
+      <Stack.Screen name={ScreenName.CONVERTUNIT} component={ConvertUnit} />
+      <Stack.Screen name={ScreenName.EXCHANGERATE} component={ExchangeRate} />
+
       <Stack.Screen name={ScreenName.LOGINSCREEN} component={Login} />
       <Stack.Screen name={ScreenName.OTPWALLET} component={OTPWallet} />
       <Stack.Screen name={ScreenName.HISTORYDETAIL} component={DetailHistory} />
       <Stack.Screen name={ScreenName.LEGALDOCUMENT} component={LegaDocument} />
       <Stack.Screen name={ScreenName.NOTIFICATION} component={Notification} />
+
       <Stack.Screen name={ScreenName.REGISTEROTP} component={RegisterOTP} />
 
       <Stack.Screen name={ScreenName.LEGALBUSINESS} component={Business} />