react-native-timacare 0.0.7 → 0.0.8

package/lib/commonjs/screens/home/index.js.flow

@@ -9,6 +9,7 @@ import {
   RefreshControl,
   SafeAreaView,
   ScrollView,
+  StatusBar,
   TouchableOpacity,
   View,
 } from 'react-native';
@@ -24,10 +25,12 @@ import {
   AddInfo,
   AddInfoDisable,
   CIMBSmall,
+  CloseIcon,
   Contract,
   ContractActive,
   ContractTimeIcon,
   IconEviden,
+  IconNavClose,
   IconNotify,
   IconSchedule,
   IconSign2,
@@ -67,7 +70,6 @@ export const Home = observer(function Home() {
   const navigation = useNavigation();
   const [showModal, setShowModal] = useState(false);
   const onRefresh = () => {
-    notificationStore.getNotification();
     homeStore.getListLoan();
     homeStore.getListLoanPending((loan) => {
       homeStore.getCheckEKYC({ loanBriefId: loan.id });
@@ -105,47 +107,6 @@ export const Home = observer(function Home() {
     });
   };
 
-  // const sendInfo = async () => {
-  //   const result = await Geolocation.requestAuthorization("always")
-  //   if (result === "granted") {
-  //     Geolocation.getCurrentPosition(
-  //       (position) => {
-  //         let deviceId = getUniqueId()
-  //         if (appStore.loanData.length > 0) {
-  //           axios
-  //             .post(
-  //               "https://gateway.tima-ai.dev/data-center/imei-customer/create",
-  //               {
-  //                 loanBriefId: appStore.loanData[0]?.loanBriefId,
-  //                 phone: appStore.phone,
-  //                 imei: deviceId,
-  //                 latitude: position.coords.latitude,
-  //                 longtitude: position.coords.longitude,
-  //                 loanStatus: appStore.loanData[0]?.status
-  //               },
-  //               {
-  //                 headers: {
-  //                   Authorization:
-  //                     "Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJpbWVpX2N1c3RvbWVyIiwiYXV0aG9yaXRpZXMiOlsiUk9MRV9kYXRhLWNlbnRlciJdLCJpYXQiOjE2NjMyMjk5MzYsImV4cCI6MzMxOTkyMjk5MzZ9.SgM9rnKIecfwe_4qYKBrPzQKUfueZhGip5Fj1iI0uoxDL_WCN_aU2VLzyHFAz0bMO6GwgsyNuH4jivJBO_totg",
-  //                 },
-  //               },
-  //             )
-  //             .then((response) => console.log(response, "send Imei"))
-  //         }
-  //       },
-  //       (error) => {
-  //         // See error code charts below.
-  //         console.log(error.code, error.message)
-  //       },
-  //       { enableHighAccuracy: true, timeout: 15000, maximumAge: 10000 },
-  //     )
-  //   }
-  // }
-
-  // useEffect(() => {
-  //   sendInfo()
-  // }, [])
-
   const requestPermissions = () => {
     request(
       Platform.OS === 'android'
@@ -254,6 +215,7 @@ export const Home = observer(function Home() {
     <View
       style={[commonStyles.fill, { zIndex: 1, backgroundColor: '#FFFFFF' }]}
     >
+      <StatusBar barStyle={'light-content'} />
       {homeStore.isLoading ? (
         <View
           style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}
@@ -262,64 +224,45 @@ export const Home = observer(function Home() {
         </View>
       ) : (
         <>
-          {/* <SafeAreaView style={{ backgroundColor: '#FFFFFF' }}>
-            <View
-              style={{
-                flexDirection: 'row',
-                paddingHorizontal: 16,
-                marginTop: 10,
-                justifyContent: 'space-between',
-              }}
-            >
-              <View style={{ flexDirection: 'row' }}>
-                <TimaNormal />
-                <View style={{ marginLeft: 8 }}>
-                  <MText
-                    style={[commonStyles.textNormalBold, { fontSize: 16 }]}
-                  >
-                    Tima Care
-                  </MText>
-                  <MText style={[commonStyles.textNormal, { fontSize: 12 }]}>
-                    Chúc bạn một ngày vui vẻ!
-                  </MText>
-                </View>
-              </View>
-              <TouchableOpacity
-                onPress={() =>
-                  navigation.dispatch(
-                    StackActions.push(ScreenNames.Notification)
-                  )
-                }
+          <SafeAreaView>
+            <LinearGradient colors={['#FF8E4F', '#EF592E']}>
+              <View
+                style={{
+                  flexDirection: 'row',
+                  justifyContent: 'space-between',
+                  paddingHorizontal: 16,
+                  paddingVertical: 16,
+                  alignItems: 'center',
+                }}
               >
-                <IconNotify />
-                <View
+                <MText
                   style={{
-                    position: 'absolute',
-                    backgroundColor: '#FB3F2D',
-                    borderRadius: 50,
-                    width: 18,
-                    height: 18,
-                    alignItems: 'center',
+                    fontWeight: 'bold',
+                    color: 'white',
+                    fontSize: 16,
+                  }}
+                >
+                  Vay nhanh 24/7
+                </MText>
+                <TouchableOpacity
+                  style={{
+                    width: 32,
+                    height: 32,
+                    borderRadius: 20,
                     justifyContent: 'center',
-                    right: -8,
-                    top: -8,
+                    alignItems: 'center',
+                    borderWidth: 1,
+                    borderColor: 'white',
+                  }}
+                  onPress={() => {
+                    navigation.push(ScreenNames.PaymentEvidence);
                   }}
                 >
-                  <MText
-                    style={{
-                      color: 'white',
-                      fontSize: notificationStore.data.length > 10 ? 8 : 12,
-                    }}
-                  >
-                    {notificationStore.data.length > 10
-                      ? '10+'
-                      : notificationStore.data.length}
-                  </MText>
-                </View>
-              </TouchableOpacity>
-            </View>
-          </SafeAreaView> */}
-
+                  <CloseIcon />
+                </TouchableOpacity>
+              </View>
+            </LinearGradient>
+          </SafeAreaView>
           <ScrollView
             refreshControl={
               <RefreshControl
@@ -329,15 +272,6 @@ export const Home = observer(function Home() {
             }
             style={{ flex: 1, marginBottom: 16 }}
           >
-            {/* <View style={{ marginTop: 16 }}>
-              <SliderBox
-                images={listBanners}
-                autoplay
-                resizeMethod={'resize'}
-                resizeMode={'contain'}
-                ImageComponentStyle={{ borderRadius: 15, width: '92%' }}
-              />
-            </View> */}
             <View
               style={[
                 commonStyles.fill,
@@ -360,470 +294,301 @@ export const Home = observer(function Home() {
                   <>
                     {homeStore.listLoanPending &&
                     homeStore.listLoanPending?.isPipelineCIMB ? (
-                      <View>
-                        {homeStore.listLoanPending?.loanStatus !== null &&
-                        homeStore.listLoanPending?.loanStatus !== '' ? (
-                          <View
-                            style={{
-                              backgroundColor: '#FFFFFF',
-                              paddingHorizontal: 16,
-                              paddingTop: 16,
-                              borderRadius: 8,
-                              borderWidth: 0.5,
-                              borderColor: '#E0E0E0',
-                            }}
+                      <View
+                        style={{
+                          backgroundColor: '#FFFFFF',
+                          paddingHorizontal: 16,
+                          paddingTop: 16,
+                          borderRadius: 8,
+                          borderWidth: 0.5,
+                          borderColor: '#E0E0E0',
+                        }}
+                      >
+                        <View
+                          style={{
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                          }}
+                        >
+                          <Contract />
+                          <View style={{ flex: 1, paddingLeft: 8 }}>
+                            <MText style={commonStyles.textNormalBold}>
+                              Mã Đơn vay-{homeStore.listLoanPending?.id}
+                            </MText>
+                            <MText style={commonStyles.textNormal}>
+                              Số tiền vay (VND):{' '}
+                              {homeStore.listLoanPending?.loanAmountOffer
+                                ? formatMoney(
+                                    homeStore.listLoanPending?.loanAmountOffer
+                                  )
+                                : 'Chưa xác định'}
+                            </MText>
+                          </View>
+                        </View>
+                        <View
+                          style={{
+                            height: 1,
+                            backgroundColor: '#E0E0E0',
+                            marginVertical: 16,
+                          }}
+                        />
+                        <View
+                          style={{
+                            flexDirection: 'row',
+                            justifyContent: 'space-between',
+                          }}
+                        >
+                          <MText style={commonStyles.textNormal}>
+                            Trạng thái
+                          </MText>
+                          <MText
+                            style={[
+                              commonStyles.textNormalBold,
+                              { color: '#F05123' },
+                            ]}
                           >
-                            <View
-                              style={{
-                                flexDirection: 'row',
-                                alignItems: 'center',
-                              }}
-                            >
-                              <Contract />
-                              <View style={{ flex: 1, paddingLeft: 8 }}>
-                                <MText style={commonStyles.textNormalBold}>
-                                  Mã Đơn vay-{homeStore.listLoanPending?.id}
-                                </MText>
-                                <MText style={commonStyles.textNormal}>
-                                  Số tiền vay (VND):{' '}
-                                  {homeStore.listLoanPending?.loanAmountOffer
-                                    ? formatMoney(
-                                        homeStore.listLoanPending
-                                          ?.loanAmountOffer
-                                      )
-                                    : 'Chưa xác định'}
-                                </MText>
-                              </View>
-                            </View>
-                            <View
-                              style={{
-                                height: 1,
-                                backgroundColor: '#E0E0E0',
-                                marginVertical: 16,
-                              }}
-                            />
-                            <View
-                              style={{
-                                flexDirection: 'row',
-                                justifyContent: 'space-between',
+                            {homeStore?.listLoanPending?.loanStatus}
+                          </MText>
+                        </View>
+                        <View
+                          style={{
+                            height: 0.5,
+                            backgroundColor: '#E0E0E0',
+                            marginVertical: 16,
+                          }}
+                        />
+                        <View style={{ flexDirection: 'row' }}>
+                          {homeStore?.listLoanPending?.isUpdateLoan ||
+                          homeStore?.listLoanPending?.isUpdateInformation ? (
+                            <TouchableOpacity
+                              style={{ alignItems: 'center' }}
+                              onPress={() => {
+                                if (
+                                  homeStore.listLoanPending?.loanStatus ===
+                                    null ||
+                                  homeStore.listLoanPending?.loanStatus === ''
+                                ) {
+                                  navigation.dispatch(
+                                    StackActions.push(ScreenNames.CIMBxTima, {
+                                      loan: homeStore.listLoanPending,
+                                    })
+                                  );
+                                } else if (
+                                  homeStore.listLoanPending?.isUpdateLoan
+                                ) {
+                                  navigation.dispatch(
+                                    StackActions.push(ScreenNames.CimbSelfie, {
+                                      loan: homeStore.listLoanPending,
+                                    })
+                                  );
+                                } else {
+                                  navigation.dispatch(
+                                    StackActions.push(ScreenNames.QuickSubmit, {
+                                      loan: homeStore.listLoanPending,
+                                    })
+                                  );
+                                }
                               }}
                             >
-                              <MText style={commonStyles.textNormal}>
-                                Trạng thái
+                              <AddInfo />
+                              <MText
+                                style={[
+                                  commonStyles.textNormal,
+                                  {
+                                    fontSize: 12,
+                                    fontWeight: '300',
+                                    marginTop: 8,
+                                    textAlign: 'center',
+                                  },
+                                ]}
+                              >
+                                Hoàn thiện{'\n'}cung cấp thông tin
                               </MText>
+                            </TouchableOpacity>
+                          ) : (
+                            <View style={{ alignItems: 'center' }}>
+                              <AddInfoDisable />
                               <MText
                                 style={[
-                                  commonStyles.textNormalBold,
-                                  { color: '#F05123' },
+                                  commonStyles.textNormal,
+                                  {
+                                    fontSize: 12,
+                                    fontWeight: '300',
+                                    marginTop: 8,
+                                    textAlign: 'center',
+                                  },
                                 ]}
                               >
-                                {homeStore?.listLoanPending?.loanStatus}
+                                Hoàn thiện{'\n'}cung cấp thông tin
                               </MText>
                             </View>
-                            <View
-                              style={{
-                                height: 0.5,
-                                backgroundColor: '#E0E0E0',
-                                marginVertical: 16,
-                              }}
-                            />
-                            <View style={{ flexDirection: 'row' }}>
-                              {homeStore?.listLoanPending?.isUpdateLoan ||
-                              homeStore?.listLoanPending
-                                ?.isUpdateInformation ? (
-                                <TouchableOpacity
-                                  style={{ alignItems: 'center' }}
-                                  onPress={() => {
-                                    if (
-                                      homeStore.listLoanPending?.isUpdateLoan
-                                    ) {
-                                      navigation.dispatch(
-                                        StackActions.push(
-                                          ScreenNames.CimbSelfie,
-                                          {
-                                            loan: homeStore.listLoanPending,
-                                          }
-                                        )
-                                      );
-                                    } else {
-                                      navigation.dispatch(
-                                        StackActions.push(
-                                          ScreenNames.QuickSubmit,
-                                          {
-                                            loan: homeStore.listLoanPending,
-                                          }
-                                        )
-                                      );
-                                    }
-                                  }}
-                                >
-                                  <AddInfo />
-                                  <MText
-                                    style={[
-                                      commonStyles.textNormal,
-                                      {
-                                        fontSize: 12,
-                                        fontWeight: '300',
-                                        marginTop: 8,
-                                        textAlign: 'center',
-                                      },
-                                    ]}
-                                  >
-                                    Hoàn thiện{'\n'}cung cấp thông tin
-                                  </MText>
-                                </TouchableOpacity>
-                              ) : (
-                                <View style={{ alignItems: 'center' }}>
-                                  <AddInfoDisable />
-                                  <MText
-                                    style={[
-                                      commonStyles.textNormal,
-                                      {
-                                        fontSize: 12,
-                                        fontWeight: '300',
-                                        marginTop: 8,
-                                        textAlign: 'center',
-                                      },
-                                    ]}
-                                  >
-                                    Hoàn thiện{'\n'}cung cấp thông tin
-                                  </MText>
-                                </View>
-                              )}
-                              {homeStore.listLoanPending?.isSignContract && (
-                                <TouchableOpacity
-                                  style={{
-                                    alignItems: 'center',
-                                    marginLeft: 20,
-                                  }}
-                                  onPress={() => {
-                                    if (
-                                      homeStore.listLoanPending?.urlSignContract
-                                    ) {
-                                      navigation.dispatch(
-                                        StackActions.push(
-                                          ScreenNames.CIMBSign,
-                                          {
-                                            url: homeStore.listLoanPending
-                                              ?.urlSignContract,
-                                          }
-                                        )
-                                      );
-                                    } else {
-                                      Alert.alert(
-                                        'Thông báo',
-                                        'Bạn chưa thể ký hợp đồng bây giờ?'
-                                      );
-                                    }
-                                  }}
-                                >
-                                  <IconSign2 />
-                                  <MText
-                                    style={[
-                                      commonStyles.textNormal,
-                                      {
-                                        fontSize: 12,
-                                        fontWeight: '300',
-                                        marginTop: 8,
-                                      },
-                                    ]}
-                                  >
-                                    Ký hợp đồng
-                                  </MText>
-                                </TouchableOpacity>
-                              )}
-                              {homeStore.listLoanPending
-                                ?.isSignContractTima && (
-                                <TouchableOpacity
-                                  style={{
-                                    alignItems: 'center',
-                                    marginLeft: 20,
-                                  }}
-                                  onPress={() => {
-                                    navigation.dispatch(
-                                      StackActions.push(
-                                        ScreenNames.ViewContract,
-                                        {
-                                          loan: homeStore.listLoanPending,
-                                        }
-                                      )
-                                    );
-                                  }}
-                                >
-                                  <ContractTimeIcon />
-                                  <MText
-                                    style={[
-                                      commonStyles.textNormal,
-                                      {
-                                        fontSize: 12,
-                                        fontWeight: '300',
-                                        marginTop: 8,
-                                        textAlign: 'center',
-                                      },
-                                    ]}
-                                  >
-                                    Hợp đồng{'\n'}dịch vụ
-                                  </MText>
-                                </TouchableOpacity>
-                              )}
-                              {homeStore.listLoanPending
-                                ?.paymentEvidenceUrl && (
-                                <TouchableOpacity
-                                  style={{
-                                    alignItems: 'center',
-                                    marginLeft: 20,
-                                  }}
-                                  onPress={() => {
-                                    navigation.dispatch(
-                                      StackActions.push(
-                                        ScreenNames.PaymentEvidence,
-                                        {
-                                          url: homeStore.listLoanPending
-                                            ?.paymentEvidenceUrl,
-                                        }
-                                      )
-                                    );
-                                  }}
-                                >
-                                  <IconEviden />
-                                  <MText
-                                    style={[
-                                      commonStyles.textNormal,
-                                      {
-                                        fontSize: 12,
-                                        fontWeight: '300',
-                                        marginTop: 8,
-                                        textAlign: 'center',
-                                      },
-                                    ]}
-                                  >
-                                    Mục đích {'\n'}sử dụng
-                                  </MText>
-                                </TouchableOpacity>
-                              )}
-                              {homeStore.listLoanPending?.showPaymentPlan && (
-                                <TouchableOpacity
-                                  style={{
-                                    alignItems: 'center',
-                                    marginLeft: 20,
-                                  }}
-                                  onPress={() => {
-                                    navigation.dispatch(
-                                      StackActions.push(
-                                        ScreenNames.SchedulePayment,
-                                        {
-                                          loan: homeStore.listLoanPending,
-                                        }
-                                      )
-                                    );
-                                  }}
-                                >
-                                  <IconSchedule />
-                                  <MText
-                                    style={[
-                                      commonStyles.textNormal,
-                                      {
-                                        fontSize: 12,
-                                        fontWeight: '300',
-                                        marginTop: 8,
-                                      },
-                                    ]}
-                                  >
-                                    Lịch dự kiến
-                                  </MText>
-                                </TouchableOpacity>
-                              )}
-                            </View>
-                            <View
+                          )}
+                          {homeStore.listLoanPending?.isSignContract && (
+                            <TouchableOpacity
                               style={{
-                                flexDirection: 'row',
                                 alignItems: 'center',
-                                backgroundColor: '#FBEFE7',
-                                marginHorizontal: -16,
-                                paddingVertical: 8,
-                                marginTop: 16,
-                                borderBottomRightRadius: 8,
-                                borderBottomLeftRadius: 8,
-                                paddingHorizontal: 16,
+                                marginLeft: 20,
+                              }}
+                              onPress={() => {
+                                if (
+                                  homeStore.listLoanPending?.urlSignContract
+                                ) {
+                                  navigation.dispatch(
+                                    StackActions.push(ScreenNames.CIMBSign, {
+                                      url: homeStore.listLoanPending
+                                        ?.urlSignContract,
+                                    })
+                                  );
+                                } else {
+                                  Alert.alert(
+                                    'Thông báo',
+                                    'Bạn chưa thể ký hợp đồng bây giờ?'
+                                  );
+                                }
                               }}
                             >
-                              <Info />
+                              <IconSign2 />
                               <MText
                                 style={[
+                                  commonStyles.textNormal,
                                   {
+                                    fontSize: 12,
                                     fontWeight: '300',
-                                    fontSize: 10,
-                                    fontStyle: 'italic',
-                                    color: '#333333',
-                                    marginLeft: 8,
+                                    marginTop: 8,
                                   },
                                 ]}
                               >
-                                {homeStore.listLoanPending?.suggestion
-                                  ? homeStore.listLoanPending?.suggestion
-                                  : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
+                                Ký hợp đồng
                               </MText>
-                            </View>
-                          </View>
-                        ) : (
-                          // <View
-                          //   style={{
-                          //     borderWidth: 0.5,
-                          //     borderRadius: 8,
-                          //     borderColor: "#EF4123",
-                          //   }}
-                          // >
-                          //   <View
-                          //     style={{
-                          //       flexDirection: "row",
-                          //       justifyContent: "space-between",
-                          //       padding: 16,
-                          //     }}
-                          //   >
-                          //     <View>
-                          //       <MText style={{ color: "#333333" }}>
-                          //         Bạn đủ điều kiện vay tiêu dùng theo{"\n"}thông tin tài sản sở hữu
-                          //         (Xe máy/ Ô tô)
-                          //       </MText>
-                          //       <MText
-                          //         style={{
-                          //           color: "#EF4123",
-                          //           fontSize: 16,
-                          //           fontWeight: "bold",
-                          //           marginTop: 8,
-                          //         }}
-                          //       >
-                          //         {/* {homeStore?.listLoanPending?.productCredit}
-                          //         {"\n"} */}
-                          //         {formatMoney(homeStore.listLoanPending?.loanAmount)} VND
-                          //       </MText>
-                          //       <TouchableOpacity
-                          //         onPress={() => {
-                          //           navigation.dispatch(StackActions.push(ScreenNames.CIMBxTima))
-                          //         }}
-                          //       >
-                          //         <LinearGradient
-                          //           colors={["#FF7A00", "#EF4123"]}
-                          //           style={{
-                          //             backgroundColor: "#F36D21",
-                          //             marginTop: 20,
-                          //             alignItems: "center",
-                          //             borderRadius: 30,
-                          //             paddingVertical: 8,
-                          //           }}
-                          //         >
-                          //           <MText style={{ color: "#FFFFFF" }}>Hoàn thiện hồ sơ</MText>
-                          //         </LinearGradient>
-                          //       </TouchableOpacity>
-                          //     </View>
-                          //     <View>
-                          //       <Image source={require("./loan.png")} />
-                          //     </View>
-                          //   </View>
-                          //   <View style={{ height: 0.5, backgroundColor: "#EF4123" }} />
-                          //   <View
-                          //     style={{
-                          //       backgroundColor: "#FFF8F3",
-                          //       borderBottomLeftRadius: 8,
-                          //       borderBottomRightRadius: 8,
-                          //       paddingVertical: 8,
-                          //       paddingHorizontal: 16,
-                          //       flexDirection: "row",
-                          //       alignItems: "center",
-                          //       alignContent: "center",
-                          //     }}
-                          //   >
-                          //     <MText style={{ fontSize: 12, color: "#333333" }}>
-                          //       Sản phẩm vay tiêu dùng hợp tác giữa{" "}
-                          //     </MText>
-                          //     <LogoSmall />
-                          //     <MText style={{ fontSize: 12, color: "#333333" }}> và </MText>
-                          //     <CIMBSmall />
-                          //   </View>
-                          // </View>
-
-                          <ImageBackground
-                            source={require('../../assets/img/bann.png')}
-                            style={{ flex: 1, padding: 16 }}
-                            resizeMode="cover"
-                            height={220}
-                            borderRadius={8}
-                          >
-                            <MText
-                              style={{
-                                color: '#333333',
-                                fontWeight: 'bold',
-                                fontSize: 12,
-                              }}
-                            >
-                              BẠN ĐỦ ĐIỀU KIỆN VAY TIÊU DÙNG{'\n'}THEO THÔNG TIN
-                              TÀI SẢN SỞ HỮU
-                              {'\n'}
-                              (XE MÁY/ Ô TÔ)
-                            </MText>
-                            <MText
+                            </TouchableOpacity>
+                          )}
+                          {homeStore.listLoanPending?.isSignContractTima && (
+                            <TouchableOpacity
                               style={{
-                                marginTop: 12,
-                                fontSize: 24,
-                                fontWeight: 'bold',
-                                color: '#EF4123',
+                                alignItems: 'center',
+                                marginLeft: 20,
                               }}
-                            >
-                              {formatMoney(
-                                homeStore.listLoanPending?.loanAmount
-                              )}{' '}
-                              VND
-                            </MText>
-                            <TouchableOpacity
                               onPress={() => {
                                 navigation.dispatch(
-                                  StackActions.push(ScreenNames.CIMBxTima, {
+                                  StackActions.push(ScreenNames.ViewContract, {
                                     loan: homeStore.listLoanPending,
                                   })
                                 );
                               }}
                             >
-                              <LinearGradient
-                                colors={['#FF7A00', '#EF4123']}
-                                style={{
-                                  backgroundColor: '#F36D21cd ',
-                                  marginTop: 12,
-                                  alignItems: 'center',
-                                  borderRadius: 30,
-                                  paddingVertical: 10,
-                                  width: '50%',
-                                }}
+                              <ContractTimeIcon />
+                              <MText
+                                style={[
+                                  commonStyles.textNormal,
+                                  {
+                                    fontSize: 12,
+                                    fontWeight: '300',
+                                    marginTop: 8,
+                                    textAlign: 'center',
+                                  },
+                                ]}
                               >
-                                <MText
-                                  style={{
-                                    color: '#FFFFFF',
-                                    fontWeight: 'bold',
-                                  }}
-                                >
-                                  Hoàn thiện hồ sơ
-                                </MText>
-                              </LinearGradient>
+                                Hợp đồng{'\n'}dịch vụ
+                              </MText>
                             </TouchableOpacity>
-                            <View
+                          )}
+                          {homeStore.listLoanPending?.paymentEvidenceUrl && (
+                            <TouchableOpacity
                               style={{
-                                flexDirection: 'row',
                                 alignItems: 'center',
-                                alignContent: 'center',
-                                marginTop: 16,
+                                marginLeft: 20,
+                              }}
+                              onPress={() => {
+                                navigation.dispatch(
+                                  StackActions.push(
+                                    ScreenNames.PaymentEvidence,
+                                    {
+                                      url: homeStore.listLoanPending
+                                        ?.paymentEvidenceUrl,
+                                    }
+                                  )
+                                );
                               }}
                             >
-                              <MText style={{ fontSize: 10, color: '#333333' }}>
-                                SẢN PHẨM VAY TIÊU DÙNG HỢP TÁC GIỮA{' '}
+                              <IconEviden />
+                              <MText
+                                style={[
+                                  commonStyles.textNormal,
+                                  {
+                                    fontSize: 12,
+                                    fontWeight: '300',
+                                    marginTop: 8,
+                                    textAlign: 'center',
+                                  },
+                                ]}
+                              >
+                                Mục đích {'\n'}sử dụng
                               </MText>
-                              <LogoSmall />
-                              <MText style={{ fontSize: 12, color: '#333333' }}>
-                                {' '}
-                                VÀ{' '}
+                            </TouchableOpacity>
+                          )}
+                          {homeStore.listLoanPending?.showPaymentPlan && (
+                            <TouchableOpacity
+                              style={{
+                                alignItems: 'center',
+                                marginLeft: 20,
+                              }}
+                              onPress={() => {
+                                navigation.dispatch(
+                                  StackActions.push(
+                                    ScreenNames.SchedulePayment,
+                                    {
+                                      loan: homeStore.listLoanPending,
+                                    }
+                                  )
+                                );
+                              }}
+                            >
+                              <IconSchedule />
+                              <MText
+                                style={[
+                                  commonStyles.textNormal,
+                                  {
+                                    fontSize: 12,
+                                    fontWeight: '300',
+                                    marginTop: 8,
+                                  },
+                                ]}
+                              >
+                                Lịch dự kiến
                               </MText>
-                              <CIMBSmall />
-                            </View>
-                          </ImageBackground>
-                        )}
+                            </TouchableOpacity>
+                          )}
+                        </View>
+                        <View
+                          style={{
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            backgroundColor: '#FBEFE7',
+                            marginHorizontal: -16,
+                            paddingVertical: 8,
+                            marginTop: 16,
+                            borderBottomRightRadius: 8,
+                            borderBottomLeftRadius: 8,
+                            paddingHorizontal: 16,
+                          }}
+                        >
+                          <Info />
+                          <MText
+                            style={[
+                              {
+                                fontWeight: '300',
+                                fontSize: 10,
+                                fontStyle: 'italic',
+                                color: '#333333',
+                                marginLeft: 8,
+                              },
+                            ]}
+                          >
+                            {homeStore.listLoanPending?.suggestion
+                              ? homeStore.listLoanPending?.suggestion
+                              : 'Thực hiện đầy đủ các bước để giải ngân nhanh nhất'}
+                          </MText>
+                        </View>
                       </View>
                     ) : (
                       <View