import React, {useState, useEffect} from "react"; import HistoryAnalyticsCard from "../Cards/HistoryAnalyticsCard"; import SellHistoryMarketVisitorAnalytic from "../Home/SellHistoryMarketVisitorAnalytic"; import Layout from "../Partials/Layout"; import HistoryTable from "./HistoryTable"; import MarketHistorySection from "./MarketHistorySection"; import TopHxBox from "./TopHxBox"; import usersService from "../../services/UsersService"; import PurchasesTable from "../MyWallet/WalletComponent/PurchasesTable"; import RecentActivityTable from "../MyWallet/WalletComponent/RecentActivityTable"; import LoadingSpinner from "../Spinners/LoadingSpinner"; export default function History() { const apiCall = new usersService() let [paymentHistory, setPaymentHistory] = useState({ // FOR PAYMENT HISTORY loading: true, data: [], error: false }) let [purchaseHistory, setPurchaseHistory] = useState({ // FOR PURCHASE HISTORY loading: true, data: [], error: false }) //FUNCTION TO GET PAYMENT HISTORY const getPaymentHistory = ()=>{ apiCall.getPaymentHx().then((res)=>{ if(res.data.internal_return < 0){ // success but no data setPaymentHistory(prev => ({...prev, loading: false})) return } setPaymentHistory(prev => ({...prev, loading: false, data: res.data.result_list})) }).catch((error)=>{ setPaymentHistory(prev => ({...prev, loading: false, error: true})) }) } //FUNCTION TO GET PURCHASE HISTORY const getPurchaseHistory = ()=>{ apiCall.getPurchaseHx().then((res)=>{ if(res.data.internal_return < 0){ // success but no data setPurchaseHistory(prev => ({...prev, loading: false})) return } // console.log('purchase',res.data) setPurchaseHistory(prev => ({...prev, loading: false, data: res.data.result_list})) }).catch((error)=>{ setPurchaseHistory(prev => ({...prev, loading: false, error: true})) }) } useEffect(()=>{ getPaymentHistory() getPurchaseHistory() }, []) return ( <>

History

{/*

*/} {/*

*/} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/*

*/} {/*

*/} {/**/} {/* */}

{/* PURCHASE SECTION */}

Purchases

{purchaseHistory.loading ? : }

{/* END OF PURCHASE SECTION */} {/* RECENT ACTIVITY SECTION */}

Recent Activity

{/*

Activity Report

*/} {paymentHistory.loading ? : }

{/* END OF RECENT ACTIVITY SECTION */}

); }