@tima2025/react-native-timalender 1.0.0

package/src/screens/SellDebt/Tabs/Sold.tsx

@@ -0,0 +1,366 @@
+/* eslint-disable react-native/no-inline-styles */
+/* eslint-disable react-hooks/exhaustive-deps */
+//@ts-nocheck
+import { useNavigation } from '@react-navigation/native';
+import { groupBy, sortBy } from 'lodash';
+import React, { useEffect, useState } from 'react';
+import { FlatList, RefreshControl, TouchableOpacity, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import Colors from '../../../common/Colors';
+import EmptyView from '../../../common/EmptyView';
+import FlexRow from '../../../common/FlexRow';
+import formatNumber from '../../../common/FormatNumber';
+import Loading from '../../../common/Loading';
+import { actuatedNormalize } from '../../../common/Metrics';
+import RText from '../../../common/RText';
+import { getSoldDebtsTrading } from '../../../components/Features/Debt/debtSlice';
+import Screens from '../../../components/Navigation/Screens';
+import { selectLoading } from '../../../components/Redux/selector';
+import { useAppDispatch } from '../../../components/Redux/store';
+import RenderList from '../Components/RenderList';
+import TableHead from '../Components/TableHead';
+
+const Sold = () => {
+  const navigation = useNavigation();
+  const dispatch = useAppDispatch();
+  const isLoading = useSelector(selectLoading);
+  const [data, setData] = useState([]);
+  const [totalMoney, setTotalMoney] = useState(null);
+  const [refreshing, setRefreshing] = useState(false);
+
+  useEffect(() => {
+    const unsubscribe = navigation.addListener('focus', () => {
+      getSoldDebts();
+    });
+    return unsubscribe;
+  }, [navigation]);
+
+  useEffect(() => {
+    getSoldDebts();
+  }, []);
+
+  const getSoldDebts = async () => {
+    const resp: any = await dispatch(getSoldDebtsTrading());
+    if (resp?.payload?.data?.lstPushSellDeptTrading?.length) {
+      const _data = resp?.payload?.data?.lstPushSellDeptTrading;
+      const total_money = resp?.payload?.data;
+      const groupedData = groupBy(_data, 'signContractCode');
+      const expectedData = Object.keys(groupedData).map((key: string) => ({
+        signContractCode: key,
+        items: groupedData[key],
+      }));
+      const result = sortBy(expectedData, 'signContractCode');
+      setData(result);
+      setTotalMoney(total_money);
+    } else {
+      setData([]);
+    }
+    console.log('resp', resp);
+  };
+
+  const _renderItemLenderSell = ({ item, _index }) => {
+    return (
+      <FlexRow
+        style={{
+          // marginTop: actuatedNormalize(16),
+          // paddingBottom: actuatedNormalize(16),
+          borderBottomWidth: 1,
+          borderColor: Colors.GRAY_4,
+        }}
+      >
+        <FlatList
+          data={item?.items}
+          keyExtractor={(i, d) => `${i?.managerDebtTradingID}-${d}`}
+          renderItem={_renderItem}
+        />
+
+        <View
+          style={{
+            width: 150,
+            alignItems: 'center',
+          }}
+        >
+          {item?.items[0]?.status >= 2 && (
+            <RText
+              textStyle={{
+                fontSize: 10,
+                paddingBottom: 4,
+              }}
+            >
+              Bên mua: {item?.items[0]?.lenderNameBuy}
+            </RText>
+          )}
+          <View
+            style={{
+              width: 86,
+              height: 18,
+              alignItems: 'center',
+              justifyContent: 'center',
+              backgroundColor: Colors.GREEN_2,
+              borderRadius: 32,
+            }}
+          >
+            <RText
+              textStyle={{
+                color: Colors.WHITE,
+                fontSize: actuatedNormalize(10),
+              }}
+            >
+              {item?.items[0]?.statusName}
+            </RText>
+          </View>
+          {renderFunc(item?.items[0])}
+        </View>
+      </FlexRow>
+    );
+  };
+
+  const renderFunc = (item) => {
+    switch (item?.status) {
+      case 0:
+        return (
+          <TouchableOpacity
+            style={{ marginTop: actuatedNormalize(6) }}
+            onPress={() =>
+              navigation.navigate(Screens.SignDebtContract, {
+                signContractCode: item?.signContractCode,
+                status: item?.status,
+                type: 1,
+              })
+            }
+          >
+            <RText
+              textStyle={{
+                color: Colors.BLUE,
+                textDecorationLine: 'underline',
+                fontSize: actuatedNormalize(10),
+              }}
+            >
+              Xem hợp đồng
+            </RText>
+          </TouchableOpacity>
+        );
+
+      //case nay không được xoá và hiện warn
+      case 1:
+        return (
+          <TouchableOpacity style={{ marginTop: actuatedNormalize(6) }}>
+            <RText
+              textStyle={{
+                color: Colors.GRAY_3,
+                fontSize: actuatedNormalize(12),
+              }}
+            >
+              Xoá đơn
+            </RText>
+          </TouchableOpacity>
+        );
+      case 2:
+        return <View />;
+      case 3:
+        return (
+          <TouchableOpacity
+            style={{ marginTop: actuatedNormalize(6) }}
+            onPress={() =>
+              navigation.navigate(Screens.SignDebtContract, {
+                signContractCode: item?.signContractCode,
+                status: item?.status,
+                type: 1,
+                isSellDebt: true,
+              })
+            }
+          >
+            <RText
+              textStyle={{
+                color: Colors.BLUE,
+                textDecorationLine: 'underline',
+                fontSize: 10,
+              }}
+            >
+              Ký hợp đồng
+            </RText>
+          </TouchableOpacity>
+        );
+      case 4:
+        return (
+          <TouchableOpacity
+            style={{ marginTop: actuatedNormalize(6) }}
+            onPress={() =>
+              navigation.navigate(Screens.SignDebtContract, {
+                signContractCode: item?.signContractCode,
+                status: item?.status,
+                type: 1,
+              })
+            }
+          >
+            <RText
+              textStyle={{
+                color: Colors.BLUE,
+                textDecorationLine: 'underline',
+                fontSize: 10,
+              }}
+            >
+              Xem hợp đồng
+            </RText>
+          </TouchableOpacity>
+        );
+      case 5:
+        return (
+          <TouchableOpacity
+            style={{ marginTop: actuatedNormalize(6) }}
+            onPress={() =>
+              navigation.navigate(Screens.SignDebtContract, {
+                signContractCode: item?.signContractCode,
+                status: item?.status,
+                type: 1,
+              })
+            }
+          >
+            <RText
+              textStyle={{
+                color: Colors.BLUE,
+                textDecorationLine: 'underline',
+                fontSize: 10,
+              }}
+            >
+              Xem hợp đồng
+            </RText>
+          </TouchableOpacity>
+        );
+      case 6:
+        return (
+          <TouchableOpacity
+            style={{ marginTop: actuatedNormalize(6) }}
+            onPress={() =>
+              navigation.navigate(Screens.SignDebtContract, {
+                signContractCode: item?.signContractCode,
+                status: item?.status,
+                type: 1,
+              })
+            }
+          >
+            <RText
+              textStyle={{
+                color: Colors.BLUE,
+                textDecorationLine: 'underline',
+                fontSize: 10,
+              }}
+            >
+              Xem hợp đồng
+            </RText>
+          </TouchableOpacity>
+        );
+
+      default:
+        return '';
+    }
+  };
+
+  const wait = (timeout: number | undefined) => {
+    return new Promise((resolve) => setTimeout(resolve, timeout));
+  };
+
+  const onRefresh = React.useCallback(() => {
+    setRefreshing(true);
+    wait(800).then(() => {
+      getSoldDebts();
+      setRefreshing(false);
+    });
+  }, []);
+
+  const _renderItem = ({ item, index }) => {
+    return <RenderList item={item} index={index} tab={1} />;
+  };
+
+  const renderEmpty = () => {
+    return <EmptyView text="" />;
+  };
+
+  return (
+    <View>
+      <FlexRow
+        style={{
+          padding: 12,
+          borderWidth: 1,
+          borderRadius: 8,
+          borderColor: '#EE4223',
+          marginHorizontal: actuatedNormalize(16),
+          marginTop: actuatedNormalize(16),
+          marginBottom: 16,
+        }}
+      >
+        <View
+          style={{
+            flex: 1,
+          }}
+        >
+          <RText
+            textStyle={{
+              fontSize: 10,
+              color: '#777777',
+              textAlign: 'center',
+            }}
+          >
+            {'Tổng giá chuyển nhượng'}
+          </RText>
+          <RText
+            textStyle={{
+              color: '#EE4223',
+              paddingTop: 4,
+              fontWeight: 'bold',
+              textAlign: 'center',
+            }}
+          >
+            {formatNumber(totalMoney?.totalMoney)}đ
+          </RText>
+        </View>
+        <View
+          style={{ width: 1, height: '100%', backgroundColor: '#E6E6E6' }}
+        />
+        <View
+          style={{
+            flex: 1,
+          }}
+        >
+          <RText
+            textStyle={{ fontSize: 10, color: '#777777', textAlign: 'center' }}
+          >
+            {'Số lượng đơn'}
+          </RText>
+          <RText
+            textStyle={{
+              color: '#EE4223',
+              paddingTop: 4,
+              fontWeight: 'bold',
+              textAlign: 'center',
+            }}
+          >
+            {totalMoney?.totalDeptTrading || 0}
+          </RText>
+        </View>
+      </FlexRow>
+
+      <View style={{ height: '70%' }}>
+        <FlatList
+          refreshControl={
+            <RefreshControl
+              refreshing={refreshing}
+              onRefresh={onRefresh}
+              tintColor={Colors.ORANGE_H}
+            />
+          }
+          data={data}
+          keyExtractor={(item, index) => index.toString()}
+          renderItem={_renderItemLenderSell}
+          stickyHeaderIndices={[0]}
+          ListHeaderComponent={<TableHead />}
+          ListEmptyComponent={renderEmpty}
+        />
+      </View>
+
+      {isLoading ? <Loading /> : <View />}
+    </View>
+  );
+};
+
+export default Sold;

package/src/screens/SellDebt/index.tsx

@@ -0,0 +1,102 @@
+//@ts-nocheck
+/* eslint-disable react-native/no-inline-styles */
+import React, { memo, useState } from 'react';
+import { FlatList, TouchableOpacity, View } from 'react-native';
+import AppHeader from '../../common/AppHeader';
+import Colors from '../../common/Colors';
+import Container from '../../common/Container';
+import { actuatedNormalize } from '../../common/Metrics';
+import RText from '../../common/RText';
+import Screens from '../../components/Navigation/Screens';
+import DragButton from '../../screens/SellDebt/Components/DragButton';
+import styles from '../ListLoan/styles';
+import Pushed from './Tabs/Pushed';
+import Sold from './Tabs/Sold';
+
+const TopSlice = [
+  {
+    id: 0,
+    title: 'Đơn đã đẩy bán',
+  },
+  {
+    id: 1,
+    title: 'Đã hoàn tất',
+  },
+];
+
+const SellDebt = ({ navigation, route }: any) => {
+  // const isConfirm = route?.params?.isConfirm;
+  const [currentIndex, setCurrentIndex] = useState(0);
+
+  const handlePress = () => {
+    navigation.navigate(Screens.LoanApplication);
+  };
+
+  return (
+    <Container style={{ position: 'relative' }}>
+      <AppHeader
+        backColor={Colors.WHITE}
+        iconColor={Colors.BLACK}
+        titleStyle={{ color: Colors.BLACK }}
+        title="Bán nợ"
+      />
+
+      <View
+        style={{
+          backgroundColor: '#BDBDBD',
+          height: 1,
+          marginHorizontal: 16,
+        }}
+      />
+
+      <View
+        style={{
+          paddingLeft: 16,
+        }}
+      >
+        <FlatList
+          data={TopSlice}
+          horizontal
+          style={{ paddingTop: actuatedNormalize(16) }}
+          showsHorizontalScrollIndicator={false}
+          keyExtractor={(item) => item?.id?.toString()}
+          renderItem={({ item, index }) => {
+            let checked = false;
+            if (currentIndex === index) {
+              checked = true;
+            }
+            return (
+              <TouchableOpacity
+                onPress={() => setCurrentIndex(index)}
+                disabled={checked}
+                style={[
+                  styles.item,
+                  {
+                    borderBottomWidth: checked ? 2 : 0,
+                    borderColor: checked ? Colors.ORANGE : Colors.WHITE,
+                  },
+                ]}
+                key={item.id}
+              >
+                <RText
+                  textStyle={{
+                    color: checked ? '#333333' : Colors.GREY,
+                    fontWeight: '600',
+                  }}
+                >
+                  {item.title}
+                </RText>
+              </TouchableOpacity>
+            );
+          }}
+        />
+      </View>
+
+      {currentIndex === 0 ? <Pushed /> : <Sold />}
+
+      {currentIndex === 0 ? <DragButton onPress={handlePress} /> : <View />}
+    </Container>
+  );
+};
+
+export default memo(SellDebt);

package/src/screens/SetPassword/index.tsx

@@ -0,0 +1,119 @@
+/* eslint-disable react-native/no-inline-styles */
+//@ts-nocheck
+import { CommonActions } from '@react-navigation/native';
+import md5 from 'md5';
+import React, { useState } from 'react';
+import { Animated, Dimensions, ScrollView, TextInput } from 'react-native';
+import { showMessage } from 'react-native-flash-message';
+import { useDispatch } from 'react-redux';
+import Images from '../../assets/images/Logo';
+import AppHeader from '../../common/AppHeader';
+import Button from '../../common/Button';
+import Colors from '../../common/Colors';
+import Container from '../../common/Container';
+import { ConfirmPassword } from '../../components/Features/user/userSlice';
+import Screens from '../../components/Navigation/Screens';
+import { AppDispatch } from '../../components/Redux/store';
+
+export const SetPassword = ({ navigation }: any) => {
+  const dispatch = useDispatch<AppDispatch>();
+  const [newPassword, setNewPassword] = useState('');
+  const [reNewPassword, setReNewPassword] = useState('');
+
+  const onSetPassword = async () => {
+    if (newPassword != reNewPassword) {
+      // WToastShowError(
+      //   'Hai lần nhập mật khẩu không giống nhau. Vui lòng kiểm tra lại!',
+      // );
+      showMessage({
+        message: 'Thông báo',
+        description:
+          'Hai lần nhập mật khẩu không giống nhau. Vui lòng kiểm tra lại!',
+        type: 'danger',
+        icon: 'warning',
+        backgroundColor: Colors.DANGER,
+      });
+    } else {
+      const params = {
+        newPassword: md5(newPassword),
+      };
+      const resp: any = await dispatch(ConfirmPassword(params));
+      switch (resp.payload.meta.errCode) {
+        case 200:
+          // WToastShowSuccess('Đặt mật khẩu thành công!');
+          showMessage({
+            message: 'Thông báo',
+            description: 'Đặt mật khẩu thành công!',
+            type: 'info',
+            icon: 'success',
+            backgroundColor: Colors.SUCCESS,
+          });
+          navigation.dispatch(
+            CommonActions.reset({
+              index: 0,
+              routes: [{ name: Screens.SignIn }],
+            })
+          );
+          break;
+        default:
+          // WToastShowError('Có lỗi xảy ra. Vui lòng thử lại');
+          showMessage({
+            message: 'Thông báo',
+            description: 'Có lỗi xảy ra. Vui lòng thử lại',
+            type: 'danger',
+            icon: 'warning',
+            backgroundColor: Colors.DANGER,
+          });
+          break;
+      }
+    }
+  };
+
+  return (
+    <Container isStatusBar>
+      <AppHeader title="ĐẶT MẬT KHẨU MỚI" />
+      <ScrollView scrollEnabled={false} style={{ paddingHorizontal: 20 }}>
+        <Animated.Image
+          source={Images.logo}
+          style={{
+            width: '100%',
+            height: Dimensions.get('window').width * 0.2,
+            resizeMode: 'contain',
+            marginVertical: 12,
+          }}
+        />
+        <TextInput
+          placeholder="Nhập mật khẩu mới"
+          secureTextEntry
+          value={newPassword}
+          style={{
+            borderBottomWidth: 1,
+            paddingBottom: 4,
+            borderBottomColor: '#E5E5E5',
+            fontSize: 18,
+            marginBottom: 32,
+          }}
+          onChangeText={(text) => setNewPassword(text)}
+        />
+        <TextInput
+          placeholder="Nhập lại mật khẩu mới"
+          secureTextEntry
+          value={reNewPassword}
+          style={{
+            borderBottomWidth: 1,
+            paddingBottom: 4,
+            borderBottomColor: '#E5E5E5',
+            fontSize: 18,
+            marginBottom: 32,
+          }}
+          onChangeText={(text) => setReNewPassword(text)}
+        />
+        <Button
+          onPress={() => onSetPassword()}
+          text="Xác nhận"
+          textStyle={{ color: 'white', fontWeight: '700', fontSize: 18 }}
+        />
+      </ScrollView>
+    </Container>
+  );
+};

package/src/screens/ShowBuyDue/index.tsx

@@ -0,0 +1,30 @@
+//@ts-nocheck
+/* eslint-disable react-native/no-inline-styles */
+import React from 'react';
+import { View } from 'react-native';
+import Pdf from 'react-native-pdf';
+import AppHeader from '../../common/AppHeader';
+import Container from '../../common/Container';
+
+export const ShowBuyDue = ({ route }: any) => {
+  const filePath = route?.params?.filePath;
+
+  return (
+    <Container>
+      <AppHeader title="Hợp đồng" />
+      <View
+        style={{
+          width: '100%',
+          height: '100%',
+        }}
+      >
+        <Pdf
+          showsVerticalScrollIndicator={false}
+          source={{ uri: filePath, cache: true }}
+          style={{ width: '100%', height: '100%' }}
+          trustAllCerts={false}
+        />
+      </View>
+    </Container>
+  );
+};