made anylytics dynamic

src/components/organism/Header/AdminHeader/index.tsx

@@ -19,13 +19,12 @@ export default function AdminHeader() {
   const [page, setPage] = React.useState(1);
   const [pageSize, setPageSize] = React.useState(10);
   const { data } = useGetAllNotificationQuery({ page: page, per_page: pageSize });
-  console.log(data);
   return (
     <Box className='flex items-center gap-4 justify-between w-full'>
       <AdminSearchBar />
       <div className="right flex items-center gap-4">
         <CreatNewRecord />
-        <NotificationPage notifications={data?.data?.data || []}  pagination={data?.data?.pagination}/>
+        <NotificationPage notifications={data?.data?.data || []} pagination={data?.data?.pagination} />
         <Profile />
       </div>
     </Box>

src/components/pages/dashboard/adminDashboard/players/playerDetail/index.tsx

@@ -51,7 +51,6 @@ export default function PlayerDetailPage({ id }: { id: number }) {
 
     const { date } = formatDateTime(data?.data?.registered_date as string);
 
-    console.log("user balance", userBalance);
     return (
         <>
             <section className="player__detail__intro mb-12 lg:mb-16">

src/components/pages/dashboard/adminDashboard/settings/BannerSlider.tsx

@@ -35,7 +35,6 @@ export default function BannerSlider() {
     const { data, isLoading } = useGetAllBannerQuery();
     const [updateBanner, { isLoading: updating }] = useUpdateBannerMutation();
 
-    console.log("banner data", data);
     const formik = useFormik({
         initialValues: {
             banners: data?.data?.length

src/components/pages/dashboard/adminDashboard/transaction/TransactionTable.tsx

@@ -34,7 +34,6 @@ export default function TransactionTable({ user_id, game_id, search }: { user_id
 
     const { data, isLoading: loadingTransaction } = useGetAllTransactionQuery(queryArgs);
 
-    console.log("all transaction", data);
     const tableData = useMemo(() => data?.data?.data || [], [data]);
 
     const columns = useMemo<ColumnDef<SingleDepositProps>[]>(() => [

src/components/pages/menus/index.tsx

@@ -17,7 +17,6 @@ export default function MenuPage() {
     const dispatch = useAppDispatch();
 
     const [selectedMenus, setSelectedMenus] = React.useState<any[]>([]);
-    console.log("menus", { menus, selectedMenus });
 
 
     React.useEffect(() => {

src/hooks/store.ts

@@ -12,6 +12,7 @@ import { settingApi } from "@/services/settingApi";
 import { pageApi } from "@/services/pageApi";
 import { notificationApi } from "@/services/notificationApi";
 import { menuApi, userMenuApi } from "@/services/menuApi";
+import { dashboardApi } from "@/services/dashboardApi";
 
 export const store = configureStore({
     reducer: {
@@ -29,6 +30,7 @@ export const store = configureStore({
         [notificationApi.reducerPath]: notificationApi.reducer,
         [menuApi.reducerPath]: menuApi.reducer,
         [userMenuApi.reducerPath]: userMenuApi.reducer,
+        [dashboardApi.reducerPath]: dashboardApi.reducer,
     },
     middleware: (getDefaultMiddleware) =>
         getDefaultMiddleware()
@@ -43,6 +45,7 @@ export const store = configureStore({
             .concat(notificationApi.middleware)
             .concat(menuApi.middleware)
             .concat(userMenuApi.middleware)
+            .concat(dashboardApi.middleware)
 })
 
 export type RootState = ReturnType<typeof store.getState>;

src/services/dashboardApi.ts

+import { createApi } from "@reduxjs/toolkit/query/react";
+import { baseQuery } from "./baseQuery";
+import { AnalyticsResponse } from "@/types/dashboard";
+
+export const dashboardApi = createApi({
+    reducerPath: "dashboardApi",
+    baseQuery: baseQuery,
+    tagTypes: ["Analytics", "Transactions"],
+    endpoints: (builder) => ({
+        getAnalytics: builder.query<AnalyticsResponse, { type: string }>({
+            query: ({ type }) => ({
+                url: `/api/admin/dashboard/overview?type=${type}`,
+                method: "GET",
+            }),
+            providesTags: ["Analytics"],
+        }),
+        getAdminTransactions: builder.query<any, void>({
+            query: () => ({
+                url: `/api/admin/dashboard/deposits`,
+                method: "GET",
+            }),
+            providesTags: ["Transactions"],
+        })
+    })
+})
+
+export const { useGetAnalyticsQuery, useGetAdminTransactionsQuery } = dashboardApi;
\ No newline at end of file

src/types/dashboard.ts

+export type AnalyticsProps = {
+    name: string,
+    start_date: string,
+    end_date: string,
+    current: number,
+    previous: number,
+    percent: number,
+    profit: boolean,
+    message: string,
+    breakdown: number[]
+}
+export interface AnalyticsResponse {
+    data: {
+        total_deposits: AnalyticsProps,
+        total_transactions: AnalyticsProps,
+        total_users: AnalyticsProps,
+        total_withdraw: AnalyticsProps,
+    }
+}
\ No newline at end of file