@tima2025/react-native-timalender 1.1.3 → 1.1.5

package/src/screens/About/index.tsx

@@ -1,12 +1,11 @@
 //@ts-nocheck
 import React from 'react';
 import WebView from 'react-native-webview';
-import AppHeader from '../../common/AppHeader';
 import Container from '../../common/Container';
 export const About = () => {
   return (
     <Container isStatusBar>
-      <AppHeader title="GIỚI THIỆU VỀ TIMA" />
+      {/* <AppHeader title="GIỚI THIỆU VỀ TIMA" /> */}
       <WebView
         source={{ uri: 'https://tima.vn/Home/About/' }}
         onLoadProgress={(e) => console.log(e.nativeEvent.progress)}

package/src/screens/AdditionalInvestmentCapital/Components/ConfirmRecharge.tsx

@@ -26,64 +26,94 @@ const ConfirmRecharge = (props: any) => {
   const [loading, setLoading] = useState(false);
   const [openGallery, setopenGallery] = useState(false);
 
-  const onSave = () => {
-    setLoading(true);
-    let date = new Date().getTime();
-    let image_URL = data?.qrLink;
-    let ext: any = getExtension(image_URL);
-    ext = '.' + ext[0];
-    const { config, fs } = ReactNativeBlobUtil;
-    let PictureDir =
-      Platform.OS === 'ios' ? fs.dirs.LibraryDir : fs.dirs.PictureDir;
-    let options = {
-      fileCache: true,
-      addAndroidDownloads: {
-        useDownloadManager: true,
-        notification: true,
-        path: PictureDir + '/image_' + date + ext,
-        description: 'Image',
-      },
-    };
-    config(options)
-      .fetch('GET', image_URL, {
-        contentType: 'image/png',
-      })
-      .then((res) => {
-        console.log('res success', res);
-        CameraRoll.saveToCameraRoll(`${res.data}`)
-          .then(() => {
-            // WToastShowSuccess('Lưu hình ảnh thành công!', WToast.position.TOP);
-            showMessage({
-              message: 'Thông báo',
-              description: 'Lưu hình ảnh thành công!',
-              type: 'info',
-              icon: 'success',
-              position: 'top',
-              backgroundColor: Colors.SUCCESS,
-            });
-          })
-          .catch((err) => {
-            console.log('err', err);
-            // WToastShowError('Lưu hình ảnh thất bại!', WToast.position.TOP);
-            showMessage({
-              message: 'Thông báo',
-              description: 'Lưu hình ảnh thất bại!',
-              type: 'danger',
-              icon: 'warning',
-              position: 'top',
-              backgroundColor: Colors.DANGER,
-            });
-          });
-      })
-      .finally(() => {
-        setLoading(false);
-      });
-  };
-
   const getExtension = (fileName: string) => {
     return /[.]/.exec(fileName) ? /[^.]+$/.exec(fileName) : undefined;
   };
 
+  // const onSave = async () => {
+  //   try {
+  //     setLoading(true);
+  //     const date = new Date().getTime();
+  //     const image_URL = data?.qrLink;
+  //     let ext: any = getExtension(image_URL);
+  //     ext = '.' + ext[0];
+  //     const { config, fs } = ReactNativeBlobUtil;
+  //     const PictureDir =
+  //       Platform.OS === 'ios' ? fs.dirs.LibraryDir : fs.dirs.PictureDir;
+  //     const filePath = `${PictureDir}/image_${date}${ext}`;
+
+  //     const res = await config({ path: filePath }).fetch('GET', image_URL);
+
+  //     const fileUri =
+  //       Platform.OS === 'ios' ? `file://${res.path()}` : res.path();
+
+  //     await CameraRoll.save(fileUri, { type: 'photo' });
+
+  //     showMessage({
+  //       message: 'Thông báo',
+  //       description: 'Lưu hình ảnh thành công!',
+  //       type: 'info',
+  //       icon: 'success',
+  //       position: 'top',
+  //       backgroundColor: Colors.SUCCESS,
+  //     });
+  //   } catch (err) {
+  //     console.log('err', err);
+  //     showMessage({
+  //       message: 'Thông báo',
+  //       description: 'Lưu hình ảnh thất bại!',
+  //       type: 'danger',
+  //       icon: 'warning',
+  //       position: 'top',
+  //       backgroundColor: Colors.DANGER,
+  //     });
+  //   } finally {
+  //     setLoading(false);
+  //   }
+  // };
+
+  const onSave = async () => {
+    try {
+      setLoading(true);
+      const date = new Date().getTime();
+      const image_URL = data?.qrLink;
+      let ext: any = getExtension(image_URL);
+      ext = '.' + ext[0];
+      const { config, fs } = ReactNativeBlobUtil;
+      const PictureDir =
+        Platform.OS === 'ios' ? fs.dirs.LibraryDir : fs.dirs.PictureDir;
+      const filePath = `${PictureDir}/image_${date}${ext}`;
+
+      const res = await config({ path: filePath }).fetch('GET', image_URL);
+
+      const fileUri =
+        Platform.OS === 'ios' ? `file://${res.path()}` : res.path();
+
+      await CameraRoll.save(fileUri, { type: 'photo' });
+
+      showMessage({
+        message: 'Thông báo',
+        description: 'Lưu hình ảnh thành công!',
+        type: 'info',
+        icon: 'success',
+        position: 'top',
+        backgroundColor: Colors.SUCCESS,
+      });
+    } catch (err) {
+      console.log('err', err);
+      showMessage({
+        message: 'Thông báo',
+        description: 'Lưu hình ảnh thất bại!',
+        type: 'danger',
+        icon: 'warning',
+        position: 'top',
+        backgroundColor: Colors.DANGER,
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
+
   return (
     <CustomModal
       isVisible={isVisible}

package/src/screens/AdditionalInvestmentCapital/index.tsx

@@ -10,7 +10,6 @@ import {
 } from 'react-native';
 import { showMessage } from 'react-native-flash-message';
 import { useSelector } from 'react-redux';
-import AppHeader from '../../common/AppHeader';
 import BSubmitV2 from '../../common/BSubmit/BSubmitVer2';
 import Colors from '../../common/Colors';
 import Container from '../../common/Container';
@@ -44,7 +43,7 @@ export const arr_money = [
 const AdditionalInvestmentCapital = ({ navigation }: any) => {
   const dispatch = useAppDispatch();
   const isLoading = useSelector(selectLoading);
-  const [lenderCode, setLenderCode] = useState('');
+  const [lenderCode, setLenderCode] = useState();
   const [chooseBank, setChooseBank] = useState<any>(null);
   const [money, setMoney] = useState('');
   const keyboardOffset = useKeyboardShow();
@@ -67,13 +66,15 @@ const AdditionalInvestmentCapital = ({ navigation }: any) => {
 
   const getPending = async () => {
     const resp: any = await dispatch(getPendingInvestmentTrans());
-    // console.log('resp', resp);
+    console.log('response pending investment', JSON.stringify(resp));
     if (resp?.payload?.meta?.errCode === 200) {
       const _data = resp.payload.data.lstPendingInvestmentOrder || [];
       setDataPendingInvest(_data);
     }
   };
 
+  console.log('lenderCode: ', lenderCode);
+
   const getBankTransfer = async () => {
     const resp: any = await dispatch(getTransferBanks());
     console.log('resp', resp);
@@ -119,7 +120,33 @@ const AdditionalInvestmentCapital = ({ navigation }: any) => {
         iconColor="black"
         titleStyle={{ color: 'black' }}
       />
-      {dataPendingInvest.length > 0 ? (
+      {/* {dataPendingInvest.length > 0 ? (
+        <SpaceBetween
+          style={{
+            backgroundColor: '#FFF8EE',
+            padding: actuatedNormalize(16),
+          }}>
+          <RText>
+            Bạn có {dataPendingInvest.length || 0} đơn thêm vốn đợi duyệt
+          </RText>
+          <TouchableOpacity
+            onPress={() => navigation.navigate(Screens.ListWaitingApproval)}>
+            <RText
+              textStyle={{
+                textDecorationLine: 'underline',
+                color: Colors.C_BLUE,
+              }}>
+              Chi tiết
+            </RText>
+          </TouchableOpacity>
+        </SpaceBetween>
+      ) : (
+        <View />
+      )} */}
+      {lenderCode?.name &&
+      dataPendingInvest.some(
+        (item: any) => item.lenderName.trim() === lenderCode.name.trim()
+      ) ? (
         <SpaceBetween
           style={{
             backgroundColor: '#FFF8EE',
@@ -127,7 +154,13 @@ const AdditionalInvestmentCapital = ({ navigation }: any) => {
           }}
         >
           <RText>
-            Bạn có {dataPendingInvest.length || 0} đơn thêm vốn đợi duyệt
+            Bạn có{' '}
+            {
+              dataPendingInvest.filter(
+                (item) => item.lenderName.trim() === lenderCode.name.trim()
+              ).length
+            }{' '}
+            đơn thêm vốn đợi duyệt
           </RText>
           <TouchableOpacity
             onPress={() => navigation.navigate(Screens.ListWaitingApproval)}

package/src/screens/AvailableAmount/index.tsx

@@ -7,12 +7,12 @@ import FastImage from 'react-native-fast-image';
 import { showMessage } from 'react-native-flash-message';
 import { useSelector } from 'react-redux';
 import imageOptions from '../../assets/images/Optional';
-import AppHeader from '../../common/AppHeader';
 import BackgroundLinear from '../../common/BackgroundLinear';
 import Colors from '../../common/Colors';
 import Container from '../../common/Container';
 import FlexRow from '../../common/FlexRow';
 import formatNumber from '../../common/FormatNumber';
+import BackHeader from '../../common/HeaderClose/BackHeader';
 import { actuatedNormalize, formatMoneyText } from '../../common/Metrics';
 import RText from '../../common/RText';
 import {
@@ -94,11 +94,15 @@ const AvailableAmount = ({ navigation, route }: any) => {
 
   return (
     <Container>
-      <AppHeader
+      {/* <AppHeader
         title="Số tiền khả dụng"
         backColor="white"
         iconColor="black"
         titleStyle={{ color: 'black' }}
+      /> */}
+      <BackHeader
+        title={'Số tiền khả dụng'}
+        onPress={() => navigation.navigate('MyBank.Main')}
       />
       <BackgroundLinear colors={['#FFFBFA', '#FEFAF8']}>
         <View style={{ padding: actuatedNormalize(16) }}>

package/src/screens/BuyDue/index.tsx

@@ -7,7 +7,6 @@ import FastImage from 'react-native-fast-image';
 import LinearGradient from 'react-native-linear-gradient';
 import { useSelector } from 'react-redux';
 import imageOptions from '../../assets/images/Optional';
-import AppHeader from '../../common/AppHeader';
 import BorderWidth from '../../common/BorderWidth';
 import Colors from '../../common/Colors';
 import Container from '../../common/Container';
@@ -51,7 +50,7 @@ export const BuyDue = ({ navigation }: any) => {
   };
   return (
     <Container>
-      <AppHeader title="Mua - Bán nợ" />
+      {/* <AppHeader title="Mua - Bán nợ" /> */}
 
       <FlexRow
         style={{

package/src/screens/Camera/Screens/CameraFrontBack.tsx

@@ -9,10 +9,10 @@ import {
   View,
 } from 'react-native';
 import { RNCamera } from 'react-native-camera';
-import AppHeader from '../../../common/AppHeader';
 import ButtonIcon from '../../../common/ButtonIcon';
 import Colors from '../../../common/Colors';
 import Container from '../../../common/Container';
+import BackHeader from '../../../common/HeaderClose/BackHeader';
 import Loading from '../../../common/Loading';
 import { actuatedNormalize } from '../../../common/Metrics';
 import RText from '../../../common/RText';
@@ -47,7 +47,11 @@ export const CameraFrontBack = (props: any) => {
 
   return (
     <Container style={{ backgroundColor: Colors.BLACK }}>
-      <AppHeader title="Chụp CCCD mặt sau" backColor={Colors.BLACK} />
+      {/* <AppHeader title="Chụp CCCD mặt sau" backColor={Colors.BLACK} /> */}
+      <BackHeader
+        title="Chụp CCCD mặt sau"
+        onPress={() => navigation.navigate('MyBank.Main')}
+      />
       <View
         style={[
           {

package/src/screens/Camera/Screens/CameraSelfie.tsx

@@ -13,9 +13,9 @@ import { RNCamera } from 'react-native-camera';
 import { showMessage } from 'react-native-flash-message';
 import Icon from 'react-native-vector-icons/Ionicons';
 import { useSelector } from 'react-redux';
-import AppHeader from '../../../common/AppHeader';
 import Colors from '../../../common/Colors';
 import Container from '../../../common/Container';
+import BackHeader from '../../../common/HeaderClose/BackHeader';
 import Loading from '../../../common/Loading';
 import { actuatedNormalize } from '../../../common/Metrics';
 import RText from '../../../common/RText';
@@ -143,7 +143,11 @@ export const CameraSelfie = (props: any) => {
 
   return (
     <Container style={{ backgroundColor: Colors.BLACK }}>
-      <AppHeader title="Chụp ảnh khuôn mặt" backColor={Colors.BLACK} />
+      {/* <AppHeader title="Chụp ảnh khuôn mặt" backColor={Colors.BLACK} /> */}
+      <BackHeader
+        title="Chụp ảnh khuôn mặt"
+        onPress={() => navigation.navigate('MyBank.Main')}
+      />
       <View
         style={[
           {

package/src/screens/Camera/index.tsx

@@ -17,10 +17,10 @@ import {
   openSettings,
   request,
 } from 'react-native-permissions';
-import AppHeader from '../../common/AppHeader';
 import ButtonIcon from '../../common/ButtonIcon';
 import Colors from '../../common/Colors';
 import Container from '../../common/Container';
+import BackHeader from '../../common/HeaderClose/BackHeader';
 import Loading from '../../common/Loading';
 import { actuatedNormalize } from '../../common/Metrics';
 import RText from '../../common/RText';
@@ -143,7 +143,11 @@ export const Camera = (props: any) => {
 
   return (
     <Container style={{ backgroundColor: Colors.BLACK }}>
-      <AppHeader title="EKYC" backColor={Colors.BLACK} />
+      {/* <AppHeader title="EKYC" backColor={Colors.BLACK} /> */}
+      <BackHeader
+        title="EKYC"
+        onPress={() => navigation.navigate('MyBank.Main')}
+      />
       <RText
         textStyle={{
           textAlign: 'center',

package/src/screens/CashBook/index.tsx

@@ -5,10 +5,10 @@ import React, { useEffect, useState } from 'react';
 import { ScrollView, TouchableOpacity, View } from 'react-native';
 import Icon from 'react-native-vector-icons/Ionicons';
 import { useDispatch, useSelector } from 'react-redux';
-import AppHeader from '../../common/AppHeader';
 import constant from '../../common/constants/index';
 import Container from '../../common/Container';
 import FlexRow from '../../common/FlexRow';
+import BackHeader from '../../common/HeaderClose/BackHeader';
 import Loading from '../../common/Loading';
 import { numberWithCommas } from '../../common/Metrics';
 import RText from '../../common/RText';
@@ -359,7 +359,11 @@ export const CashBook = ({ _navigation }: any) => {
 
   return (
     <Container isStatusBar>
-      <AppHeader title={'quỹ tiền mặt'.toUpperCase()} />
+      {/* <AppHeader title={'quỹ tiền mặt'.toUpperCase()} /> */}
+      <BackHeader
+        title={'quỹ tiền mặt'.toUpperCase()}
+        onPress={() => navigation.navigate('MyBank.Main')}
+      />
       <ScrollView>
         <View
           style={{

package/src/screens/ChangePassword/index.tsx

@@ -13,10 +13,10 @@ import { showMessage } from 'react-native-flash-message';
 import IoIcon from 'react-native-vector-icons/Ionicons';
 import { useDispatch, useSelector } from 'react-redux';
 import Images from '../../assets/images/Logo';
-import AppHeader from '../../common/AppHeader';
 import Button from '../../common/Button';
 import Colors from '../../common/Colors';
 import Container from '../../common/Container';
+import BackHeader from '../../common/HeaderClose/BackHeader';
 import Loading from '../../common/Loading';
 import { actuatedNormalize } from '../../common/Metrics';
 import SpaceBetween from '../../common/SpaceBetween';
@@ -78,7 +78,11 @@ export const ChangePassword = ({ navigation }: any) => {
 
   return (
     <Container isStatusBar>
-      <AppHeader title="ĐỔI MẬT KHẨU" />
+      {/* <AppHeader title="ĐỔI MẬT KHẨU" /> */}
+      <BackHeader
+        title="ĐỔI MẬT KHẨU"
+        onPress={() => navigation.navigate('MyBank.Main')}
+      />
       <ScrollView
         scrollEnabled={false}
         style={{ paddingHorizontal: actuatedNormalize(20) }}

package/src/screens/Confirm/index.tsx

@@ -16,11 +16,11 @@ import Icon from 'react-native-vector-icons/Ionicons';
 import { useDispatch, useSelector } from 'react-redux';
 import imageBanks from '../../assets/images/Banks';
 import HomeImages from '../../assets/images/HomePage';
-import AppHeader from '../../common/AppHeader';
 import Colors from '../../common/Colors';
 import constant from '../../common/constants/index';
 import Container from '../../common/Container';
 import FlexRow from '../../common/FlexRow';
+import BackHeader from '../../common/HeaderClose/BackHeader';
 import Loading from '../../common/Loading';
 import { numberWithCommas, Shadow } from '../../common/Metrics';
 import RText from '../../common/RText';
@@ -738,7 +738,11 @@ export const Confirm = ({ route, navigation }: any) => {
 
   return (
     <Container isStatusBar>
-      <AppHeader title={'Xác nhận giải ngân'.toUpperCase()} />
+      {/* <AppHeader title={'Xác nhận giải ngân'.toUpperCase()} /> */}
+      <BackHeader
+        title={'Xác nhận giải ngân'.toUpperCase()}
+        onPress={() => navigation.navigate('MyBank.Main')}
+      />
       <ScrollView>
         <View style={{ paddingHorizontal: 16 }}>
           <RText

package/src/screens/ConnectBank/index.tsx

@@ -12,7 +12,6 @@ import {
 import { showMessage } from 'react-native-flash-message';
 import { useDispatch, useSelector } from 'react-redux';
 import imageBanks from '../../assets/images/Banks';
-import AppHeader from '../../common/AppHeader';
 import Colors from '../../common/Colors';
 import Container from '../../common/Container';
 import FlexRow from '../../common/FlexRow';
@@ -195,7 +194,7 @@ export const ConnectBank = ({ navigation }: any) => {
 
   return (
     <Container>
-      <AppHeader title="NGÂN HÀNG LIÊN KẾT" />
+      {/* <AppHeader title="NGÂN HÀNG LIÊN KẾT" /> */}
       <View style={styles.innerContainer}>
         <RText
           textStyle={{

package/src/screens/Contract/index.tsx

@@ -3,8 +3,8 @@
 import React from 'react';
 import { Linking, TouchableOpacity, View } from 'react-native';
 import Pdf from 'react-native-pdf';
-import AppHeader from '../../common/AppHeader';
 import Container from '../../common/Container';
+import BackHeader from '../../common/HeaderClose/BackHeader';
 import RText from '../../common/RText';
 
 export const Contract = ({ route }: any) => {
@@ -18,7 +18,11 @@ export const Contract = ({ route }: any) => {
   }
   return (
     <Container>
-      <AppHeader title={'Giấy chứng thư bảo hiểm'.toUpperCase()} />
+      {/* <AppHeader title={'Giấy chứng thư bảo hiểm'.toUpperCase()} /> */}
+      <BackHeader
+        title={'Giấy chứng thư bảo hiểm'.toUpperCase()}
+        onPress={() => navigation.navigate('MyBank.Main')}
+      />
       <View style={{ flex: 1 }}>
         {item.includes('.pdf') ? (
           <Pdf source={{ uri: item }} style={{ flex: 1 }} />

package/src/screens/ContractDetail/index.tsx

@@ -12,13 +12,12 @@ import {
 import LinearGradient from 'react-native-linear-gradient';
 import HomeImages from '../../assets/images/HomePage';
 import InvestImages from '../../assets/images/Invest';
-import AppHeader from '../../common/AppHeader';
-import ButtonIcon from '../../common/ButtonIcon';
 import Colors from '../../common/Colors';
 import Container from '../../common/Container';
 import EmptyView from '../../common/EmptyView';
 import FlexRow from '../../common/FlexRow';
 import formatNumber from '../../common/FormatNumber';
+import BackHeader from '../../common/HeaderClose/BackHeader';
 import {
   actuatedNormalize,
   numberWithCommas,
@@ -148,12 +147,16 @@ export const ContractDetail = ({ route, navigation }: any) => {
 
   return (
     <Container>
-      <AppHeader
+      {/* <AppHeader
         title={`${contractTypeName} Invest`}
         backColor={Colors.WHITE}
         iconColor={Colors.BLACK}
         titleStyle={{ color: Colors.BLACK }}
         renderRight={() => <ButtonIcon iconName="information-circle-outline" />}
+      /> */}
+      <BackHeader
+        title={`${contractTypeName} Invest`}
+        onPress={() => navigation.navigate('MyBank.Main')}
       />
       <View
         style={{
@@ -162,12 +165,12 @@ export const ContractDetail = ({ route, navigation }: any) => {
           flex: 1,
         }}
       >
-        <View
+        {/* <View
           style={{
             borderTopWidth: 1,
             borderColor: '#BDBDBD',
           }}
-        />
+        /> */}
         <ImageBackground
           imageStyle={{ borderRadius: 12 }}
           source={HomeImages.bg_card}

package/src/screens/CooperationAgreement/index.tsx

@@ -6,7 +6,6 @@ import FastImage from 'react-native-fast-image';
 import LinearGradient from 'react-native-linear-gradient';
 import { useSelector } from 'react-redux';
 import imageOptions from '../../assets/images/Optional';
-import AppHeader from '../../common/AppHeader';
 import Colors from '../../common/Colors';
 import Container from '../../common/Container';
 import EmptyView from '../../common/EmptyView';
@@ -163,7 +162,7 @@ const CooperationAgreement = ({ navigation }: any) => {
   };
   return (
     <Container>
-      <AppHeader title="HỢP ĐỒNG HỢP TÁC" />
+      {/* <AppHeader title="HỢP ĐỒNG HỢP TÁC" /> */}
 
       <View style={{ padding: actuatedNormalize(16) }}>
         <FlatList

package/src/screens/DashBoardDetail/index.tsx

@@ -13,12 +13,11 @@ import { useDispatch, useSelector } from 'react-redux';
 import HomeImages from '../../assets/images/HomePage';
 import InvestImages from '../../assets/images/Invest';
 import imageOptions from '../../assets/images/Optional';
-import AppHeader from '../../common/AppHeader';
-import ButtonIcon from '../../common/ButtonIcon';
 import Colors from '../../common/Colors';
 import Container from '../../common/Container';
 import FlexRow from '../../common/FlexRow';
 import { Typography } from '../../common/FontStyles';
+import BackHeader from '../../common/HeaderClose/BackHeader';
 import Loading from '../../common/Loading';
 import {
   actuatedNormalize,
@@ -182,12 +181,16 @@ export const DashBoardDetail = ({ navigation, route }: any) => {
 
   return (
     <Container>
-      <AppHeader
+      {/* <AppHeader
         title={item?.lenderName + ' - ' + `${item?.lenderTypeName} Invest`}
         backColor={Colors.WHITE}
         iconColor={Colors.BLACK}
         titleStyle={{ color: Colors.BLACK }}
         renderRight={() => <ButtonIcon iconName="information-circle-outline" />}
+      /> */}
+      <BackHeader
+        title={item?.lenderName + ' - ' + `${item?.lenderTypeName} Invest`}
+        onPress={() => navigation.navigate('MyBank.Main')}
       />
       <View style={{ alignItems: 'center' }}>
         <View>

package/src/screens/DetailBuyDue/index.tsx

@@ -4,10 +4,10 @@ import React, { useEffect, useState } from 'react';
 import { View } from 'react-native';
 import Pdf from 'react-native-pdf';
 import { useSelector } from 'react-redux';
-import AppHeader from '../../common/AppHeader';
 import Button from '../../common/Button';
 import Colors from '../../common/Colors';
 import Container from '../../common/Container';
+import BackHeader from '../../common/HeaderClose/BackHeader';
 import Loading from '../../common/Loading';
 import { actuatedNormalize } from '../../common/Metrics';
 import { viewBuySell } from '../../components/Features/buydue/BuydueSlice';
@@ -49,7 +49,11 @@ export const DetailBuyDue = ({ navigation, route }: any) => {
 
   return (
     <Container>
-      <AppHeader title="Hợp đồng" />
+      {/* <AppHeader title="Hợp đồng" /> */}
+      <BackHeader
+        title="Hợp đồng"
+        onPress={() => navigation.navigate('MyBank.Main')}
+      />
       <View
         style={{
           width: '100%',

package/src/screens/DetailHistory/Screens/Extend.tsx

@@ -5,11 +5,11 @@ import { TouchableOpacity, View } from 'react-native';
 import { showMessage } from 'react-native-flash-message';
 import Pdf from 'react-native-pdf';
 import { useSelector } from 'react-redux';
-import AppHeader from '../../../common/AppHeader';
 import Button from '../../../common/Button';
 import Colors from '../../../common/Colors';
 import Container from '../../../common/Container';
 import FlexRow from '../../../common/FlexRow';
+import BackHeader from '../../../common/HeaderClose/BackHeader';
 import { actuatedNormalize } from '../../../common/Metrics';
 import RText from '../../../common/RText';
 import { IoIconApp } from '../../../common/VectorIcon/Icon';
@@ -66,7 +66,11 @@ const Extend = ({ navigation, route }: any) => {
 
   return (
     <Container>
-      <AppHeader title="Hợp đồng hợp tác" />
+      {/* <AppHeader title="Hợp đồng hợp tác" /> */}
+      <BackHeader
+        title="Hợp đồng hợp tác"
+        onPress={() => navigation.navigate('MyBank.Main')}
+      />
       <Pdf
         source={{ uri: urlEsign ? urlEsign : data?.url }}
         style={{ flex: 1 }}