update code

src/Screens/LegalDocument/Business.js

+import React from 'react';
+import {View, Text, StyleSheet, TouchableOpacity} from 'react-native';
+import R from '../../assets/R';
+import HeaderBack from '../../components/Header/HeaderBack';
+import {getFontXD} from '../../Config/Functions';
+import {useNavigation} from '@react-navigation/native';
+
+const Business = (props) => {
+  const navigate = useNavigation();
+  return (
+    <View style={{flex: 1}}>
+      <HeaderBack title={'Kinh doanh chung'} />
+      <View style={styles.container}>
+        <Text
+          style={{
+            fontSize: 18,
+            fontWeight: 'bold',
+            textAlign: 'center',
+          }}>
+          Tính năng đang được phát triển, vui lòng quay lại sau!
+        </Text>
+      </View>
+    </View>
+  );
+};
+
+export default Business;
+
+const styles = StyleSheet.create({
+  txtTitle: {
+    fontSize: getFontXD(42),
+    color: '#001C51',
+    paddingVertical: 15,
+  },
+  containerItem: {
+    borderBottomWidth: 0.7,
+    borderBottomColor: R.colors.borderGray,
+    paddingHorizontal: 20,
+  },
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingTop: 20,
+  },
+});

src/Screens/LegalDocument/Customer.js

+import React from 'react';
+import {View, Text, StyleSheet, TouchableOpacity} from 'react-native';
+import R from '../../assets/R';
+import HeaderBack from '../../components/Header/HeaderBack';
+import {getFontXD} from '../../Config/Functions';
+import {useNavigation} from '@react-navigation/native';
+
+const Customer = (props) => {
+  const navigate = useNavigation();
+  return (
+    <View style={{flex: 1}}>
+      <HeaderBack title={'Kinh doanh chung'} />
+      <View style={styles.container}>
+        <Text
+          style={{
+            fontSize: 18,
+            fontWeight: 'bold',
+            textAlign: 'center',
+          }}>
+          Tính năng đang được phát triển, vui lòng quay lại sau!
+        </Text>
+      </View>
+    </View>
+  );
+};
+
+export default Customer;
+
+const styles = StyleSheet.create({
+  txtTitle: {
+    fontSize: getFontXD(42),
+    color: '#001C51',
+    paddingVertical: 15,
+  },
+  containerItem: {
+    borderBottomWidth: 0.7,
+    borderBottomColor: R.colors.borderGray,
+    paddingHorizontal: 20,
+  },
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+
+    paddingTop: 20,
+  },
+});

src/Screens/LegalDocument/LegalDocument.js

 import React from 'react';
-import {View, Text} from 'react-native';
+import {View, Text, StyleSheet, TouchableOpacity} from 'react-native';
+import R from '../../assets/R';
 import HeaderBack from '../../components/Header/HeaderBack';
+import {getFontXD} from '../../Config/Functions';
+import {useNavigation} from '@react-navigation/native';
+import {
+  LEGALPARTNER,
+  LEGALCUSTOMER,
+  LEGALBUSINESS,
+} from '../../routers/ScreenNames';
 
 const LegalDocument = (props) => {
+  const navigate = useNavigation();
   return (
     <View style={{flex: 1}}>
       <HeaderBack title={'Giấy tờ pháp lý'} />
+      <View style={styles.container}>
+        <TouchableOpacity
+          onPress={() => navigate.navigate(LEGALCUSTOMER)}
+          style={styles.containerItem}>
+          <Text style={styles.txtTitle}> Thoả thuận khách hàng</Text>
+        </TouchableOpacity>
+        <TouchableOpacity
+          onPress={() => navigate.navigate(LEGALBUSINESS)}
+          style={styles.containerItem}>
+          <Text style={styles.txtTitle}> Thoả thuận kinh doanh chung</Text>
+        </TouchableOpacity>
+        <TouchableOpacity
+          onPress={() => navigate.navigate(LEGALPARTNER)}
+          style={styles.containerItem}>
+          <Text style={styles.txtTitle}> Thoả thuận quan hệ đối tác</Text>
+        </TouchableOpacity>
+      </View>
     </View>
   );
 };
 
 export default LegalDocument;
+
+const styles = StyleSheet.create({
+  txtTitle: {
+    fontSize: getFontXD(42),
+    color: '#001C51',
+    paddingVertical: 15,
+  },
+  containerItem: {
+    borderBottomWidth: 0.7,
+    borderBottomColor: R.colors.borderGray,
+    paddingHorizontal: 20,
+  },
+  container: {
+    flex: 1,
+
+    paddingTop: 20,
+  },
+});

src/Screens/LegalDocument/Partner.js

+import React from 'react';
+import {View, Text, StyleSheet, TouchableOpacity} from 'react-native';
+import R from '../../assets/R';
+import HeaderBack from '../../components/Header/HeaderBack';
+import {getFontXD} from '../../Config/Functions';
+import {useNavigation} from '@react-navigation/native';
+
+const Partner = (props) => {
+  const navigate = useNavigation();
+  return (
+    <View style={{flex: 1}}>
+      <HeaderBack title={'Quan hệ đối tác'} />
+      <View style={styles.container}>
+        <Text
+          style={{
+            fontSize: 18,
+            fontWeight: 'bold',
+            textAlign: 'center',
+          }}>
+          Tính năng đang được phát triển, vui lòng quay lại sau!
+        </Text>
+      </View>
+    </View>
+  );
+};
+
+export default Partner;
+
+const styles = StyleSheet.create({
+  txtTitle: {
+    fontSize: getFontXD(42),
+    color: '#001C51',
+    paddingVertical: 15,
+  },
+  containerItem: {
+    borderBottomWidth: 0.7,
+    borderBottomColor: R.colors.borderGray,
+    paddingHorizontal: 20,
+  },
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingTop: 20,
+  },
+});

src/routers/ScreenNames.js

@@ -59,4 +59,7 @@ export const PACKETCQG = 'PACKETCQG';
 export const MEDIADETAIL = 'MEDIADETAIL';
 export const METHODPAYDETAIL = 'METHODPAYDETAIL';
 
+export const LEGALBUSINESS = 'LEGALBUSINESS';
 export const LEGALDOCUMENT = 'LEGALDOCUMENT';
+export const LEGALCUSTOMER = 'LEGALCUSTOMER';
+export const LEGALPARTNER = 'LEGALPARTNER';

src/routers/StackNavigation.js

@@ -40,6 +40,9 @@ import PacketCQG from '../Screens/Account/PacrtCQG/PacketCQG';
 import MediaDetail from '../Screens/NewFeed/Media/MediaDetail';
 import MethodPayDetail from '../Screens/MethodPay/MethodPayDetail';
 import LegaDocument from '../Screens/LegalDocument/LegalDocument';
+import Business from '../Screens/LegalDocument/Business';
+import Customer from '../Screens/LegalDocument/Customer';
+import Partner from '../Screens/LegalDocument/Partner';
 
 import * as ScreenName from './ScreenNames';
 
@@ -60,6 +63,11 @@ function MyStack(props) {
       <Stack.Screen name={ScreenName.LOGINSCREEN} component={Login} />
       <Stack.Screen name={ScreenName.LEGALDOCUMENT} component={LegaDocument} />
       <Stack.Screen name={ScreenName.NOTIFICATION} component={Notification} />
+
+      <Stack.Screen name={ScreenName.LEGALBUSINESS} component={Business} />
+      <Stack.Screen name={ScreenName.LEGALCUSTOMER} component={Customer} />
+      <Stack.Screen name={ScreenName.LEGALPARTNER} component={Partner} />
+
       <Stack.Screen name={ScreenName.MEDIADETAIL} component={MediaDetail} />
       <Stack.Screen name={ScreenName.TABNAVIGATOR} component={TabNavigator} />
       <Stack.Screen name={ScreenName.PACKETCQG} component={PacketCQG} />