import styles from './styles.module.scss';
import BRDeposit from "@widgets/WDeposit/BR/BRDeposit";
import {useDispatch, useSelector} from "react-redux";
import {getConfig, getPayConfigStatus, reqPayConfig} from "@features/paySlice";
import {useEffect} from "react";
import {getUserInfo} from "@features/mainSlice";
import {reqFirstPayConfig, reqRechargeConfig} from "@features/api";
import {REQ_STATUS} from "@api/config";
import SmallLoading from "@components/SmallLoading";
const WDeposit=({close})=>{
    const config=useSelector(getConfig);
    const dispatch = useDispatch();
    const userInfo=useSelector(getUserInfo);
    const configStatus=useSelector(getPayConfigStatus);
    useEffect(()=>{
        if (config==null||config.length===0){
            dispatch(reqRechargeConfig());
        }
        dispatch(reqFirstPayConfig(userInfo.UserID))
    },[])
    return (
        <div className={styles.container}>
            {
                configStatus===REQ_STATUS.LOADING?(<SmallLoading></SmallLoading>):(<BRDeposit/>)
            }
        </div>
    )
}
export default WDeposit;