@tima2025/react-native-timalender 1.1.8 → 1.1.9

package/src/screens/ListLoan/index.tsx

@@ -5,6 +5,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import { FlatList, TouchableOpacity, View } from 'react-native';
 import { showMessage } from 'react-native-flash-message';
 import LinearGradient from 'react-native-linear-gradient';
+import Icon from 'react-native-vector-icons/Ionicons';
 import { useDispatch, useSelector } from 'react-redux';
 import Colors from '../../common/Colors';
 import Container from '../../common/Container';
@@ -65,6 +66,7 @@ export const ListLoan = ({ navigation, route }: any) => {
   const [openCalendar, setOpenCalendar] = useState(false);
   const [openChooseStatus, setOpenChooseStatus] = useState(false);
   const [statusLoan, setStatusLoan] = useState('');
+  const [totalPit, setTotalPit] = useState('');
 
   const [params, setParams] = useState({
     fromDate: moment().add(-5, 'years').format('DD/MM/YYYY'),
@@ -83,7 +85,6 @@ export const ListLoan = ({ navigation, route }: any) => {
     } else {
       getStatsClosedLoan();
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [params]);
 
   const getStatsClosedLoan = async () => {
@@ -98,10 +99,10 @@ export const ListLoan = ({ navigation, route }: any) => {
       resp.payload.data?.lstLoan?.length
     ) {
       const data = resp?.payload?.data?.lstLoan || [];
-      // const filterByTotalPit = data
-      //   .map((i: any) => i?.pitMoney)
-      //   .reduce((a: number, c: number) => a + c);
-      // setTotalPit(filterByTotalPit);
+      const filterByTotalPit = data
+        .map((i: any) => i?.pitMoney)
+        .reduce((a: number, c: number) => a + c);
+      setTotalPit(filterByTotalPit);
       setDataLoan(data);
       setDataMoneyLoan(resp?.payload?.data);
     } else if (resp.payload.meta.errCode === 201) {
@@ -137,19 +138,18 @@ export const ListLoan = ({ navigation, route }: any) => {
       resp?.payload?.data?.lstLoan?.length
     ) {
       const data = resp?.payload?.data?.lstLoan;
-      // const filterByTotalPit = data
-      //   .map((i: any) => i?.pitMoney)
-      //   .reduce((a: number, c: number) => a + c);
-      // setTotalPit(filterByTotalPit);
+      const filterByTotalPit = data
+        .map((i: any) => i?.pitMoney)
+        .reduce((a: number, c: number) => a + c);
+      setTotalPit(filterByTotalPit);
       setDataMoneyLoan(resp?.payload?.data);
       const groupedData = Object.values(
         data?.reduce((spd, item) => {
-          if (!spd[moment(item.dateDisbursement).format('DD-MM-YYYY')]) {
+          if (!spd[moment(item.dateDisbursement).format('DD-MM-YYYY')])
             spd[moment(item.dateDisbursement).format('DD-MM-YYYY')] = {
               name: moment(item.dateDisbursement).format('DD-MM-YYYY'),
               items: [],
             };
-          }
           spd[moment(item.dateDisbursement).format('DD-MM-YYYY')].items.push(
             item
           );
@@ -165,7 +165,7 @@ export const ListLoan = ({ navigation, route }: any) => {
           moment(a.name, 'DD-MM-YYYY').valueOf()
       );
       console.log('-----------------');
-      console.log('rs:rs: ', JSON.stringify(rs));
+      // console.log('rs:rs: ', JSON.stringify(rs));
       setDataLoan(rs);
     } else {
       // WToastShowError('Không có dữ liệu !');
@@ -181,29 +181,29 @@ export const ListLoan = ({ navigation, route }: any) => {
     }
   };
 
-  // const rightItem = () => {
-  //   return (
-  //     <TouchableOpacity
-  //       onPress={() => setOpenFilter(true)}
-  //       style={{
-  //         borderRadius: 8,
-  //         backgroundColor: openFilter ? Colors.WHITE : undefined,
-  //         width: actuatedNormalize(32),
-  //         height: actuatedNormalize(32),
-  //         alignItems: 'center',
-  //         justifyContent: 'center',
-  //       }}
-  //     >
-  //       <Icon
-  //         name="funnel-outline"
-  //         size={actuatedNormalize(24)}
-  //         color={Colors.GRAY_2}
-  //       />
-  //     </TouchableOpacity>
-  //   );
-  // };
+  const rightItem = () => {
+    return (
+      <TouchableOpacity
+        onPress={() => setOpenFilter(true)}
+        style={{
+          borderRadius: 8,
+          backgroundColor: openFilter ? Colors.WHITE : undefined,
+          width: actuatedNormalize(32),
+          height: actuatedNormalize(32),
+          alignItems: 'center',
+          justifyContent: 'center',
+        }}
+      >
+        <Icon
+          name="funnel-outline"
+          size={actuatedNormalize(24)}
+          color={Colors.GRAY_2}
+        />
+      </TouchableOpacity>
+    );
+  };
 
-  const _renderListLoan = ({ item, _index }: any) => {
+  const _renderListLoan = ({ item, index }: any) => {
     console.log('item: ', item);
     return (
       <View>
@@ -313,8 +313,8 @@ export const ListLoan = ({ navigation, route }: any) => {
           }}
         />
       </View>
-      {currentIndex === 0 && (
-        <FlexRow>
+      <FlexRow>
+        {currentIndex === 0 && (
           <FlexRow
             style={{
               marginBottom: actuatedNormalize(8),
@@ -347,6 +347,8 @@ export const ListLoan = ({ navigation, route }: any) => {
               </RText>
             </TouchableOpacity>
           </FlexRow>
+        )}
+        {currentIndex === 0 && (
           <TouchableOpacity
             ref={touchRef}
             onPress={() => setOpenChooseStatus(true)}
@@ -372,8 +374,8 @@ export const ListLoan = ({ navigation, route }: any) => {
               {statusLoan || 'Trạng thái'}
             </RText>
           </TouchableOpacity>
-        </FlexRow>
-      )}
+        )}
+      </FlexRow>
 
       <View>
         <FlexRow
@@ -398,7 +400,7 @@ export const ListLoan = ({ navigation, route }: any) => {
                 textAlign: 'center',
               }}
             >
-              {currentIndex === 0 ? 'Tổng số tiền' : 'Tổng tiền cho vay'}
+              {currentIndex === 0 ? `Tổng số tiền` : `Tổng tiền cho vay`}
             </RText>
             <RText
               style={{
@@ -421,7 +423,7 @@ export const ListLoan = ({ navigation, route }: any) => {
             <RText
               style={{ fontSize: 10, color: '#777777', textAlign: 'center' }}
             >
-              {'Số lượng đơn'}
+              {`Số lượng đơn`}
             </RText>
             <RText
               style={{
@@ -449,7 +451,7 @@ export const ListLoan = ({ navigation, route }: any) => {
                 textAlign: 'center',
               }}
             >
-              {currentIndex === 0 ? 'Lãi dự kiến' : 'Tổng lãi đã nhận'}
+              {currentIndex === 0 ? `Lãi dự kiến` : `Tổng lãi đã nhận`}
             </RText>
             <RText
               style={{
@@ -527,18 +529,24 @@ export const ListLoan = ({ navigation, route }: any) => {
           </FlexRow>
         </LinearGradient>
 
-        <FlatList
-          style={{ height: '64.5%' }}
-          data={dataLoan}
-          showsVerticalScrollIndicator={false}
-          keyExtractor={(item, index) => index.toString()}
-          onEndReachedThreshold={0.8}
-          renderItem={currentIndex === 0 ? _renderListLoan : _renderItems}
-          onEndReached={() => {
-            setParams((prev) => ({ ...prev, pageSize: params.pageSize + 10 }));
-          }}
-          ListEmptyComponent={<EmptyView text="" />}
-        />
+        <View>
+          <FlatList
+            style={{ marginBottom: 200 }}
+            contentContainerStyle={{ paddingBottom: 240, flexGrow: 1 }}
+            data={dataLoan}
+            showsVerticalScrollIndicator={false}
+            keyExtractor={(item, index) => index.toString()}
+            onEndReachedThreshold={0.8}
+            renderItem={currentIndex === 0 ? _renderListLoan : _renderItems}
+            onEndReached={() => {
+              setParams((prev) => ({
+                ...prev,
+                pageSize: params.pageSize + 10,
+              }));
+            }}
+            ListEmptyComponent={<EmptyView text="" />}
+          />
+        </View>
       </View>
       <ModalFilter
         isVisible={openFilter}