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"; import RewardsTable from "./RewardsTable"; import JobsCompleted from "./JobsCompleted"; export default function History() { const apiCall = new usersService() let [tab, setTab] = useState("purchases"); //STATE FOR SWITCHING BETWEEN TABS 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() }, []) useEffect(()=>{ getPurchaseHistory() }, []) return ( <>

History

{/*
*/} {/*
*/} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/* */} {/*
*/} {/*
*/} {/**/} {/* */}
{/* switch button */}
{/* END OF switch button */}
{/* PURCHASE SECTION */} {tab == 'purchases' &&
{/*

Purchases

*/} {purchaseHistory.loading ? : }
} {/* END OF PURCHASE SECTION */} {/* RECENT ACTIVITY SECTION */} {tab == 'recent' &&
{/*

Recent Activity

*/} {/*

Activity Report

*/} {paymentHistory.loading ? : }
} {/* END OF RECENT ACTIVITY SECTION */} {/* REWARD SECTION */} {tab == 'reward' &&
} {/* END OF REWARD SECTION */} {/* JOBS COMPLETED SECTION */} {tab == 'jobs_completed' &&
} {/* END OF JOBS COMPLETED SECTION */}
{/**/}
); }