react-native-timacare 0.0.39 → 0.0.41

package/src/screens/schedule-payment/index.tsx

@@ -1,7 +1,7 @@
 //@ts-nocheck
 import { useNavigation } from '@react-navigation/native';
 import { observer } from 'mobx-react-lite';
-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import {
   ActivityIndicator,
   Image,
@@ -30,8 +30,20 @@ const logoView: ImageStyle = {
 
 export const SchedulePayment = observer(function SchedulePayment(props: any) {
   const navigation = useNavigation();
+  const [isLoading, setIsLoading] = useState(false);
+  const [data, setData] = useState<any[]>();
   const getData = () => {
-    SchedulePaymentStore.getSchedulePayment(props.route?.params?.loan?.id);
+    setIsLoading(true);
+    SchedulePaymentStore.getSchedulePayment(
+      props.route?.params?.loan?.id,
+      (res) => {
+        setIsLoading(false);
+        setData(res);
+      },
+      () => {
+        setIsLoading(false);
+      }
+    );
   };
 
   useEffect(() => {
@@ -79,7 +91,7 @@ export const SchedulePayment = observer(function SchedulePayment(props: any) {
               <RefreshControl refreshing={false} onRefresh={getData} />
             }
           >
-            {SchedulePaymentStore.data.map((item, index) => (
+            {data.map((item, index) => (
               <View
                 key={index}
                 style={{
@@ -199,7 +211,7 @@ export const SchedulePayment = observer(function SchedulePayment(props: any) {
             <CIMBBank />
           </View>
         </View>
-        <Loading isLoading={SchedulePaymentStore.isLoading} />
+        <Loading isLoading={isLoading} />
       </SafeAreaView>
     </View>
   );

package/src/screens/schedule-payment/store.tsx

@@ -8,20 +8,23 @@ class Store {
   @observable data = [];
 
   @action
-  async getSchedulePayment(id) {
+  async getSchedulePayment(id, onSuccess?, onError?) {
     this.isLoading = true;
     const response = await Api.getInstance().getPaymentSchedule(id);
     this.isLoading = false;
     if (response.kind === 'ok') {
       if (response.data.meta.errorCode === 200) {
+        if (onSuccess) onSuccess(response.data.data);
         this.data = response.data.data;
       } else {
         Alert.alert('Thông báo', response.data.meta.errorMessage, [
           { text: 'Đồng ý' },
         ]);
+        if (onError) onError();
       }
     } else {
       this.isLoading = false;
+      if (onError) onError();
       Alert.alert('Thông báo', 'Có lỗi xảy ra. Vui lòng thử lại sau!');
     }
   }