react-native-timacare 3.3.55 → 3.3.56-alert

package/src/screens/home/index.tsx

@@ -2,7 +2,6 @@
 import React, { useEffect, useState } from 'react';
 import {
   ActivityIndicator,
-  Alert,
   Dimensions,
   Image,
   ImageBackground,
@@ -106,7 +105,7 @@ import {
   IconOcr,
 } from '../../assets/svgs';
 import { o } from 'ramda';
-import ItemTimaOneV3 from '../../components/ItemTimaOneV3';
+import ItemTimaOne from '../../components/ItemTimaOne';
 import ModalOptionLoan from '../../components/ModalOptionLoan';
 import AlertLoan from '../../components/AlertLoan';
 import DigitalTopupItem from './DigitalTopupItem';
@@ -114,6 +113,7 @@ import ModalOptionLoanDigital from '../../components/ModalOptionLoanDigital';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import ItemMotoBikeLoan from './ItemMotoBikeLoan';
 import BoxGuidline from './BoxGuidline';
+import { AlertGlobal } from '../../components/ModalNotification/AlertGlobal';
 
 const listBanners = [
   require('../../assets/img/banner1.png'),
@@ -297,7 +297,6 @@ export const Home = observer(function Home() {
         } else {
         }
       } else {
-        Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau');
       }
     } catch (error) {
       console.log(error);
@@ -364,73 +363,93 @@ export const Home = observer(function Home() {
           console.log(
             'This feature is not available (on this device / in this context)'
           );
-          Alert.alert(
-            'Thông báo',
-            'Máy ảnh trên thiết bị không tương thích.\nVui lòng kiểm tra lại thiết bị!',
-            [{ text: 'Đồng ý' }]
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              'Máy ảnh trên thiết bị không tương thích.\nVui lòng kiểm tra lại thiết bị!',
+            primaryText: 'Đóng',
+          });
+          break;
+        case RESULTS.DENIED:
+          console.log(
+            'The permission has not been requested / is denied but requestable'
           );
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              'Máy ảnh trên thiết bị không tương thích.\nVui lòng kiểm tra lại thiết bị!',
+            primaryText: 'Đóng',
+          });
           break;
         case RESULTS.DENIED:
           console.log(
             'The permission has not been requested / is denied but requestable'
           );
-          Alert.alert(
-            'Thông báo',
-            'Bạn đã từ chối quyền vị trí. Vui lòng cấp quyền vị trí để tiếp tục!',
-            [
-              {
-                text: 'Đồng ý',
-                onPress: () => {
-                  if (Platform.OS === 'ios') {
-                    openSettings();
-                  } else {
-                    requestPermissions();
-                  }
-                },
-              },
-            ]
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              'Bạn đã từ chối quyền vị trí. Vui lòng cấp quyền vị trí để tiếp tục!',
+            primaryText: 'Đóng',
+          });
+          break;
+        case RESULTS.DENIED:
+          console.log(
+            'The permission has not been requested / is denied but requestable'
           );
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              'Bạn đã từ chối quyền vị trí. Vui lòng cấp quyền vị trí để tiếp tục!',
+            primaryText: 'Đồng ý',
+            onPrimaryPress: () => {
+              if (Platform.OS === 'ios') {
+                openSettings();
+              } else {
+                requestPermissions();
+              }
+            },
+          });
           break;
         case RESULTS.LIMITED:
           console.log('The permission is limited: some actions are possible');
-          Alert.alert(
-            'Thông báo',
-            'Bạn đã từ chối quyền vị trí. Vui lòng cấp quyền vị trí để tiếp tục!',
-            [
-              {
-                text: 'Đồng ý',
-                onPress: () => {
-                  if (Platform.OS === 'ios') {
-                    openSettings();
-                  } else {
-                    requestPermissions();
-                  }
-                },
-              },
-            ]
-          );
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              'Bạn đã từ chối quyền vị trí. Vui lòng cấp quyền vị trí để tiếp tục!',
+            primaryText: 'Đồng ý',
+            onPrimaryPress: () => {
+              if (Platform.OS === 'ios') {
+                openSettings();
+              } else {
+                requestPermissions();
+              }
+            },
+          });
           break;
         case RESULTS.GRANTED:
           console.log('The permission is granted');
           break;
         case RESULTS.BLOCKED:
           console.log('The permission is denied and not requestable anymore');
-          Alert.alert(
-            'Thông báo',
-            'Bạn đã từ chối quyền vị trí. Vui lòng cấp quyền vị trí để tiếp tục!',
-            [
-              {
-                text: 'Đồng ý',
-                onPress: () => {
-                  if (Platform.OS === 'ios') {
-                    openSettings();
-                  } else {
-                    openSettings();
-                  }
-                },
-              },
-            ]
-          );
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              'Bạn đã từ chối quyền vị trí. Vui lòng cấp quyền vị trí để tiếp tục!',
+            primaryText: 'Đồng ý',
+            onPrimaryPress: () => {
+              if (Platform.OS === 'ios') {
+                openSettings();
+              } else {
+                requestPermissions();
+              }
+            },
+          });
           break;
       }
     });
@@ -467,14 +486,22 @@ export const Home = observer(function Home() {
         setCheckTCCIMB(false);
         closeModalThen(() => onRefresh());
       } else {
-        Alert.alert(
-          'Thông báo',
-          response?.data?.meta?.errorMessage ||
-            'Có lỗi xảy ra. Vui lòng thử lại sau'
-        );
+        AlertGlobal.show({
+          type: 'warning',
+          title: 'Thông báo',
+          message:
+            response?.data?.meta?.errorMessage ||
+            'Có lỗi xảy ra. Vui lòng thử lại sau',
+          primaryText: 'Đóng',
+        });
       }
     } catch (error) {
-      Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau');
+      AlertGlobal.show({
+        type: 'warning',
+        title: 'Thông báo',
+        message: 'Có lỗi xảy ra. Vui lòng thử lại sau',
+        primaryText: 'Đóng',
+      });
     } finally {
       setIsConfirmingTCCIMB(false);
     }
@@ -500,12 +527,31 @@ export const Home = observer(function Home() {
         if (response.data?.meta?.errorCode === 200) {
           closeModalThen(() => onRefresh());
         } else {
-          Alert.alert('Thông báo', response.data?.meta?.errorMessage);
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              response?.data?.meta?.errorMessage ||
+              'Có lỗi xảy ra. Vui lòng thử lại sau',
+            primaryText: 'Đóng',
+          });
         }
       } else {
-        Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau');
+        AlertGlobal.show({
+          type: 'warning',
+          title: 'Thông báo',
+          message: 'Có lỗi xảy ra. Vui lòng thử lại sau',
+          primaryText: 'Đóng',
+        });
       }
     } catch (error) {
+      AlertGlobal.show({
+        type: 'warning',
+        title: 'Thông báo',
+        message: 'Có lỗi xảy ra. Vui lòng thử lại sau',
+        primaryText: 'Đóng',
+      });
+    } finally {
       setIsLoading(false);
     }
   };
@@ -522,10 +568,22 @@ export const Home = observer(function Home() {
         if (response.data?.meta?.errorCode === 200) {
           closeModalThen(() => onRefresh());
         } else {
-          Alert.alert('Thông báo', response.data?.meta?.errorMessage);
+          AlertGlobal.show({
+            type: 'warning',
+            title: 'Thông báo',
+            message:
+              response?.data?.meta?.errorMessage ||
+              'Có lỗi xảy ra. Vui lòng thử lại sau',
+            primaryText: 'Đóng',
+          });
         }
       } else {
-        Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau');
+        AlertGlobal.show({
+          type: 'warning',
+          title: 'Thông báo',
+          message: 'Có lỗi xảy ra. Vui lòng thử lại sau',
+          primaryText: 'Đóng',
+        });
       }
     } catch (error) {
       setIsLoading(false);
@@ -631,7 +689,7 @@ export const Home = observer(function Home() {
                 item?.typeLoan === 6 ||
                 item?.typeLoan === 7 ? (
                   <View>
-                    <ItemTimaOneV3 item={item} navigation={navigation} />
+                    <ItemTimaOne item={item} navigation={navigation} />
                   </View>
                 ) : item?.typeLoan === 4 && !item?.isPipelineCIMB ? (
                   <DigitalTopupItem
@@ -674,9 +732,7 @@ export const Home = observer(function Home() {
                                   </MText>
                                 </View>
                               </View>
-                              <View
-                                style={styles.divider}
-                              />
+                              <View style={styles.divider} />
                               <View
                                 style={{
                                   flexDirection: 'row',
@@ -695,9 +751,7 @@ export const Home = observer(function Home() {
                                   {item?.loanStatus}
                                 </MText>
                               </View>
-                              <View
-                                style={styles.dividerThin}
-                              />
+                              <View style={styles.dividerThin} />
                               <View style={{ flexDirection: 'row' }}>
                                 {item?.loanStatus === null ||
                                 item?.loanStatus === '' ? (
@@ -718,7 +772,10 @@ export const Home = observer(function Home() {
                                   >
                                     <AddInfo />
                                     <MText
-                                      style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                      style={[
+                                        commonStyles.textNormal,
+                                        styles.actionLabelCenter,
+                                      ]}
                                     >
                                       Hoàn thiện{'\n'}cung cấp thông tin
                                     </MText>
@@ -755,7 +812,10 @@ export const Home = observer(function Home() {
                                       >
                                         <AddInfo />
                                         <MText
-                                          style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                          style={[
+                                            commonStyles.textNormal,
+                                            styles.actionLabelCenter,
+                                          ]}
                                         >
                                           Hoàn thiện{'\n'}cung cấp thông tin
                                         </MText>
@@ -764,7 +824,10 @@ export const Home = observer(function Home() {
                                       <View style={{ alignItems: 'center' }}>
                                         <AddInfoDisable />
                                         <MText
-                                          style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                          style={[
+                                            commonStyles.textNormal,
+                                            styles.actionLabelCenter,
+                                          ]}
                                         >
                                           Hoàn thiện{'\n'}cung cấp thông tin
                                         </MText>
@@ -788,17 +851,23 @@ export const Home = observer(function Home() {
                                             )
                                           );
                                         } else {
-                                          Alert.alert(
-                                            'Thông báo',
-                                            'Bạn chưa thể ký hợp đồng bây giờ?'
-                                          );
+                                          AlertGlobal.show({
+                                            title: 'Thông báo',
+                                            message:
+                                              'Bạn chưa thể ký hợp đồng bây giờ?',
+                                            type: 'warning',
+                                            primaryText: 'Đóng',
+                                          });
                                         }
                                       });
                                     }}
                                   >
                                     <IconSign2 />
                                     <MText
-                                      style={[commonStyles.textNormal, styles.label12]}
+                                      style={[
+                                        commonStyles.textNormal,
+                                        styles.label12,
+                                      ]}
                                     >
                                       Ký hợp đồng
                                     </MText>
@@ -822,7 +891,10 @@ export const Home = observer(function Home() {
                                   >
                                     <ContractTimeIcon />
                                     <MText
-                                      style={[commonStyles.textNormal, styles.label12Center]}
+                                      style={[
+                                        commonStyles.textNormal,
+                                        styles.label12Center,
+                                      ]}
                                     >
                                       Hợp đồng{'\n'}dịch vụ
                                     </MText>
@@ -846,7 +918,10 @@ export const Home = observer(function Home() {
                                   >
                                     <IconEviden />
                                     <MText
-                                      style={[commonStyles.textNormal, styles.label12Center]}
+                                      style={[
+                                        commonStyles.textNormal,
+                                        styles.label12Center,
+                                      ]}
                                     >
                                       Mục đích {'\n'}sử dụng
                                     </MText>
@@ -870,7 +945,10 @@ export const Home = observer(function Home() {
                                   >
                                     <IconSchedule />
                                     <MText
-                                      style={[commonStyles.textNormal, styles.label12]}
+                                      style={[
+                                        commonStyles.textNormal,
+                                        styles.label12,
+                                      ]}
                                     >
                                       Lịch dự kiến
                                     </MText>
@@ -881,9 +959,7 @@ export const Home = observer(function Home() {
                               {item.messageErrorCIMB !== '' &&
                               item?.messageErrorCIMB &&
                               item?.isCimbApproveFull === null ? (
-                                <View
-                                  style={styles.infoBanner}
-                                >
+                                <View style={styles.infoBanner}>
                                   <View
                                     style={{
                                       flexDirection: 'row',
@@ -939,9 +1015,7 @@ export const Home = observer(function Home() {
                                   </View>
                                 </View>
                               ) : (
-                                <View
-                                  style={styles.infoBannerRow}
-                                >
+                                <View style={styles.infoBannerRow}>
                                   <Info />
                                   <MText
                                     style={[
@@ -989,9 +1063,7 @@ export const Home = observer(function Home() {
                                       </MText>
                                     </View>
                                   </View>
-                                  <View
-                                    style={styles.divider}
-                                  />
+                                  <View style={styles.divider} />
                                   <View
                                     style={{
                                       flexDirection: 'row',
@@ -1049,9 +1121,7 @@ export const Home = observer(function Home() {
                                     </TouchableOpacity>
                                   ) : (
                                     <View>
-                                      <View
-                                        style={styles.dividerThin}
-                                      />
+                                      <View style={styles.dividerThin} />
                                       <View style={{ flexDirection: 'row' }}>
                                         {item?.loanStatus === null ||
                                         item?.loanStatus === '' ? (
@@ -1074,7 +1144,10 @@ export const Home = observer(function Home() {
                                           >
                                             <AddInfo />
                                             <MText
-                                              style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                              style={[
+                                                commonStyles.textNormal,
+                                                styles.actionLabelCenter,
+                                              ]}
                                             >
                                               Hoàn thiện{'\n'}cung cấp thông tin
                                             </MText>
@@ -1113,7 +1186,10 @@ export const Home = observer(function Home() {
                                               >
                                                 <AddInfo />
                                                 <MText
-                                                  style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                                  style={[
+                                                    commonStyles.textNormal,
+                                                    styles.actionLabelCenter,
+                                                  ]}
                                                 >
                                                   Hoàn thiện{'\n'}cung cấp thông
                                                   tin
@@ -1127,7 +1203,10 @@ export const Home = observer(function Home() {
                                               >
                                                 <AddInfoDisable />
                                                 <MText
-                                                  style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                                  style={[
+                                                    commonStyles.textNormal,
+                                                    styles.actionLabelCenter,
+                                                  ]}
                                                 >
                                                   Hoàn thiện{'\n'}cung cấp thông
                                                   tin
@@ -1152,17 +1231,23 @@ export const Home = observer(function Home() {
                                                     )
                                                   );
                                                 } else {
-                                                  Alert.alert(
-                                                    'Thông báo',
-                                                    'Bạn chưa thể ký hợp đồng bây giờ?'
-                                                  );
+                                                  AlertGlobal.show({
+                                                    type: 'warning',
+                                                    title: 'Thông báo',
+                                                    message:
+                                                      'Bạn chưa thể ký hợp đồng bây giờ?',
+                                                    primaryText: 'Đóng',
+                                                  });
                                                 }
                                               });
                                             }}
                                           >
                                             <IconSign2 />
                                             <MText
-                                              style={[commonStyles.textNormal, styles.actionLabel]}
+                                              style={[
+                                                commonStyles.textNormal,
+                                                styles.actionLabel,
+                                              ]}
                                             >
                                               Ký hợp đồng
                                             </MText>
@@ -1186,7 +1271,10 @@ export const Home = observer(function Home() {
                                           >
                                             <ContractTimeIcon />
                                             <MText
-                                              style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                              style={[
+                                                commonStyles.textNormal,
+                                                styles.actionLabelCenter,
+                                              ]}
                                             >
                                               Hợp đồng{'\n'}dịch vụ
                                             </MText>
@@ -1210,7 +1298,10 @@ export const Home = observer(function Home() {
                                           >
                                             <IconEviden />
                                             <MText
-                                              style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                              style={[
+                                                commonStyles.textNormal,
+                                                styles.actionLabelCenter,
+                                              ]}
                                             >
                                               Mục đích {'\n'}sử dụng
                                             </MText>
@@ -1232,7 +1323,10 @@ export const Home = observer(function Home() {
                                           >
                                             <IconSchedule />
                                             <MText
-                                              style={[commonStyles.textNormal, styles.actionLabel]}
+                                              style={[
+                                                commonStyles.textNormal,
+                                                styles.actionLabel,
+                                              ]}
                                             >
                                               Lịch dự kiến
                                             </MText>
@@ -1243,9 +1337,7 @@ export const Home = observer(function Home() {
                                       {item.messageErrorCIMB !== '' &&
                                       item?.messageErrorCIMB &&
                                       item?.isCimbApproveFull === null ? (
-                                        <View
-                                          style={styles.infoBanner}
-                                        >
+                                        <View style={styles.infoBanner}>
                                           <View
                                             style={{
                                               flexDirection: 'row',
@@ -1307,9 +1399,7 @@ export const Home = observer(function Home() {
                                           </View>
                                         </View>
                                       ) : (
-                                        <View
-                                          style={styles.infoBannerRow}
-                                        >
+                                        <View style={styles.infoBannerRow}>
                                           <Info />
                                           <MText
                                             style={[
@@ -1360,9 +1450,7 @@ export const Home = observer(function Home() {
                                     </MText>
                                   </View>
                                 </View>
-                                <View
-                                  style={styles.divider}
-                                />
+                                <View style={styles.divider} />
                                 <View
                                   style={{
                                     flexDirection: 'row',
@@ -1381,9 +1469,7 @@ export const Home = observer(function Home() {
                                     {item?.loanStatus}
                                   </MText>
                                 </View>
-                                <View
-                                  style={styles.dividerThin}
-                                />
+                                <View style={styles.dividerThin} />
                                 <View style={{ flexDirection: 'row' }}>
                                   {item?.isUpdateLoan ||
                                   item?.isUpdateInformation ? (
@@ -1415,7 +1501,10 @@ export const Home = observer(function Home() {
                                     >
                                       <AddInfo />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.actionLabelCenter,
+                                        ]}
                                       >
                                         Hoàn thiện{'\n'}cung cấp thông tin
                                       </MText>
@@ -1424,7 +1513,10 @@ export const Home = observer(function Home() {
                                     <View style={{ alignItems: 'center' }}>
                                       <AddInfoDisable />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.actionLabelCenter,
+                                        ]}
                                       >
                                         Hoàn thiện{'\n'}cung cấp thông tin
                                       </MText>
@@ -1445,17 +1537,23 @@ export const Home = observer(function Home() {
                                               )
                                             );
                                           } else {
-                                            Alert.alert(
-                                              'Thông báo',
-                                              'Bạn chưa thể ký hợp đồng bây giờ?'
-                                            );
+                                            AlertGlobal.show({
+                                              type: 'warning',
+                                              title: 'Thông báo',
+                                              message:
+                                                'Bạn chưa thể ký hợp đồng bây giờ?',
+                                              primaryText: 'Đóng',
+                                            });
                                           }
                                         });
                                       }}
                                     >
                                       <IconSign2 />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.actionLabel]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.actionLabel,
+                                        ]}
                                       >
                                         Ký hợp đồng
                                       </MText>
@@ -1479,7 +1577,10 @@ export const Home = observer(function Home() {
                                     >
                                       <ContractTimeIcon />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.actionLabelCenter,
+                                        ]}
                                       >
                                         Hợp đồng{'\n'}dịch vụ
                                       </MText>
@@ -1503,7 +1604,10 @@ export const Home = observer(function Home() {
                                     >
                                       <IconEviden />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.actionLabelCenter]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.actionLabelCenter,
+                                        ]}
                                       >
                                         Mục đích {'\n'}sử dụng
                                       </MText>
@@ -1525,7 +1629,10 @@ export const Home = observer(function Home() {
                                     >
                                       <IconSchedule />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.actionLabel]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.actionLabel,
+                                        ]}
                                       >
                                         Lịch dự kiến
                                       </MText>
@@ -1533,9 +1640,7 @@ export const Home = observer(function Home() {
                                   )}
                                 </View>
 
-                                <View
-                                  style={styles.infoBannerRow}
-                                >
+                                <View style={styles.infoBannerRow}>
                                   <Info />
                                   <MText
                                     style={[
@@ -1732,9 +1837,7 @@ export const Home = observer(function Home() {
                                 {item?.loanStatus ?? 'Chưa xác định'}
                               </MText>
                             </View>
-                            <View
-                              style={styles.dividerThin}
-                            />
+                            <View style={styles.dividerThin} />
                             <View
                               style={{
                                 flexDirection: 'row',
@@ -1760,7 +1863,10 @@ export const Home = observer(function Home() {
                                 >
                                   <AddInfo />
                                   <MText
-                                    style={[commonStyles.textNormal, styles.label12]}
+                                    style={[
+                                      commonStyles.textNormal,
+                                      styles.label12,
+                                    ]}
                                   >
                                     EKYC
                                   </MText>
@@ -1785,7 +1891,10 @@ export const Home = observer(function Home() {
                                     >
                                       <TopupSvg />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.label12]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.label12,
+                                        ]}
                                       >
                                         Cập nhật{'\n'}thông tin
                                       </MText>
@@ -1814,7 +1923,10 @@ export const Home = observer(function Home() {
                                 >
                                   <IconVideo />
                                   <MText
-                                    style={[commonStyles.textNormal, styles.label12]}
+                                    style={[
+                                      commonStyles.textNormal,
+                                      styles.label12,
+                                    ]}
                                   >
                                     Quay video
                                   </MText>
@@ -1836,7 +1948,10 @@ export const Home = observer(function Home() {
                                       >
                                         <IconSign2 />
                                         <MText
-                                          style={[commonStyles.textNormal, styles.label12]}
+                                          style={[
+                                            commonStyles.textNormal,
+                                            styles.label12,
+                                          ]}
                                         >
                                           Ký HĐ
                                         </MText>
@@ -1858,7 +1973,10 @@ export const Home = observer(function Home() {
                                     >
                                       <IconSign2 />
                                       <MText
-                                        style={[commonStyles.textNormal, styles.label12Center]}
+                                        style={[
+                                          commonStyles.textNormal,
+                                          styles.label12Center,
+                                        ]}
                                       >
                                         Ký HĐ
                                       </MText>
@@ -1882,16 +2000,17 @@ export const Home = observer(function Home() {
                                 >
                                   <IconSchedule />
                                   <MText
-                                    style={[commonStyles.textNormal, styles.label12Center]}
+                                    style={[
+                                      commonStyles.textNormal,
+                                      styles.label12Center,
+                                    ]}
                                   >
                                     Lịch thanh toán{'\n'}dự kiến
                                   </MText>
                                 </TouchableOpacity>
                               )}
                             </View>
-                            <View
-                              style={styles.infoBannerRow}
-                            >
+                            <View style={styles.infoBannerRow}>
                               <Info />
                               <MText
                                 style={[
@@ -2320,49 +2439,45 @@ export const Home = observer(function Home() {
                       marginTop: 8,
                     }}
                     onPress={async () => {
-                      Alert.alert(
-                        'Vui lòng xác nhận lại',
-                        `Bạn có chắc chắn muốn huỷ khoản vay từ CIMB với số tiền ${formatMoney(
+                      AlertGlobal.show({
+                        type: 'confirm',
+                        title: 'Vui lòng xác nhận lại',
+                        message: `Bạn có chắc chắn muốn huỷ khoản vay từ CIMB với số tiền ${formatMoney(
                           loanCimb?.loanAmount
                         )}`,
-                        [
-                          {
-                            text: 'Có',
-                            onPress: async () => {
-                              const response =
-                                await Api.getInstance().customerCancel({
-                                  LoanBriefId: loanCimb?.id,
-                                });
-                              if (response.kind === 'ok') {
-                                if (response.data.meta.errorCode === 200) {
-                                  closeModal();
-                                  const key = `SHOW_${loanCimb.id}`;
-                                  save(key, true);
-                                  Alert.alert(
-                                    'Thông báo',
-                                    'Huỷ đơn thành công',
-                                    [
-                                      {
-                                        text: 'Đồng ý',
-                                        onPress: () => {
-                                          navigation.pop();
-                                        },
-                                      },
-                                    ]
-                                  );
-                                }
-                              } else {
-                                Alert.alert(
-                                  'Có lỗi xảy ra. Vui lòng thử lại sau!'
-                                );
-                              }
-                            },
-                          },
-                          {
-                            text: 'Không',
-                          },
-                        ]
-                      );
+                        primaryText: 'Có',
+                        secondaryText: 'Không',
+                        onPrimaryPress: async () => {
+                          const response =
+                            await Api.getInstance().customerCancel({
+                              LoanBriefId: loanCimb?.id,
+                            });
+                          if (response.kind === 'ok') {
+                            if (response.data.meta.errorCode === 200) {
+                              closeModal();
+                              const key = `SHOW_${loanCimb.id}`;
+                              save(key, true);
+                              AlertGlobal.show({
+                                type: 'success',
+                                title: 'Thông báo',
+                                message:
+                                  'Bạn đã hủy khoản vay thành công. Vui lòng chọn khoản vay khác hoặc quay lại trang chủ.',
+                                primaryText: 'Đồng ý',
+                                onPrimaryPress() {
+                                  navigation.pop();
+                                },
+                              });
+                            }
+                          } else {
+                            AlertGlobal.show({
+                              type: 'warning',
+                              title: 'Thông báo',
+                              message: 'Có lỗi xảy ra. Vui lòng thử lại sau!',
+                              primaryText: 'Đóng',
+                            });
+                          }
+                        },
+                      });
                     }}
                   >
                     <MText style={{ color: '#BDBDBD' }}>Huỷ</MText>
@@ -2683,9 +2798,7 @@ export const Home = observer(function Home() {
               onPress={() => confirmTCCIMB()}
             >
               <LinearGradient
-                colors={
-                  checkTCCIMB ? GRADIENT_ORANGE : ['#E0E0E0', '#E0E0E0']
-                }
+                colors={checkTCCIMB ? GRADIENT_ORANGE : ['#E0E0E0', '#E0E0E0']}
                 style={{
                   height: 40,
                   alignItems: 'center',