victorAnumudu
48 lines
1.3 KiB
React
48 lines
1.3 KiB
React
import React, { Suspense, lazy, useEffect, useState } from "react";
|
|
import { useSelector } from "react-redux";
|
|
import usersService from "../../services/UsersService";
|
|
import Layout from "../Partials/Layout";
|
|
import LoadingSpinner from "../Spinners/LoadingSpinner";
|
|
const WalletBox = lazy(() => import("./WalletBox"));
|
|
|
|
|
|
const WalletRoutes = () => {
|
|
const apiCall = new usersService();
|
|
const { walletDetails } = useSelector((state) => state?.walletDetails); // WALLET STORE
|
|
const { walletTable } = useSelector((state) => state.tableReload);
|
|
|
|
const [paymentHistory, setPaymentHistory] = useState({
|
|
loading: true,
|
|
data: [],
|
|
});
|
|
|
|
const getPaymentHistory = () => {
|
|
apiCall
|
|
.getPaymentHx()
|
|
.then((res) => {
|
|
if (res.data.internal_return < 0) {
|
|
setPaymentHistory({ loading: false, data: [] });
|
|
} else {
|
|
setPaymentHistory({ loading: false, data: res.data?.result_list });
|
|
}
|
|
})
|
|
.catch(() => {
|
|
setPaymentHistory({ loading: false, data: [] });
|
|
});
|
|
};
|
|
|
|
useEffect(() => {
|
|
getPaymentHistory();
|
|
}, [walletTable]);
|
|
|
|
return (
|
|
<Layout>
|
|
<Suspense fallback={<LoadingSpinner size="16" color="sky-blue" />}>
|
|
<WalletBox wallet={walletDetails} payment={paymentHistory} />
|
|
</Suspense>
|
|
</Layout>
|
|
);
|
|
};
|
|
|
|
export default WalletRoutes;
|