import { AdminDashboardAPI } from "@/Utils/APIRequest/Endpoints";
import AdminStats from "./AdminStats"
import { useQuery } from "@tanstack/react-query";
import CustomFetch from "@/Utils/APIRequest/AxiosInstance";
import RevenueChart from "./RevenueChart";

const AdminDashboard = (props) => {
    const { userDetails } = props;

    // Get API
    const { data: DashboardData, isPending } = useQuery({
        queryKey: [AdminDashboardAPI], queryFn: () => CustomFetch({ url: AdminDashboardAPI }, null, false), enabled: !!userDetails, refetchOnWindowFocus: false, select: (data) => data?.data?.countObject
    });

    return (
        <div className='2xl:pb-7 pb-4'>
            <AdminStats userDetails={userDetails} data={DashboardData} />
            <RevenueChart />
        </div>
    )
}

export default AdminDashboard