import styles from "./styles.module.scss";
import Spring from "@components/Spring";
import {useEffect} from "react";
import {useDispatch, useSelector} from "react-redux";
import {getPayOrderStatus} from "@features/paySlice";
import {REQ_STATUS} from "@api/config";
import SmallLoading from "@components/SmallLoading";
import {reqPayOrderList} from "@features/api";
const i18n=global.i18n;
const WRechargeHistory = ({ close }) => {
    const status=useSelector(getPayOrderStatus);
    const dispatch=useDispatch();
    useEffect(()=>{
        dispatch(reqPayOrderList());
    },[])
    const renderContent=()=>{
        if (status===REQ_STATUS.LOADING){
            return (<SmallLoading></SmallLoading>)
        }
        return (
            <Spring type="slideUp" className={styles.content}>
            </Spring>
        )
    }
    return (
        <div className={styles.container}>
            {renderContent()}
        </div>
    )
}
export default WRechargeHistory;