dashboard API added

src/component/home/HomeSections.jsx

@@ -1,9 +1,43 @@
 import React from "react";
 import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
+import { useQuery } from "@tanstack/react-query";
+import { accountDashboard } from "../../services/services";
+import queryKeys from "../../services/queryKeys";
+import MainLoaderBS from "../loaders/MainLoaderBS";
 
 
 export default function HomeSections(){
 
+    const {data:dashData, isFetching, isError} = useQuery({
+        queryKey: queryKeys.dashboard,
+        queryFn: accountDashboard()
+    })
+
+    console.log('DASH', dashData)
+
+    if(isFetching){
+        return(
+            <>
+                {/* <MainLoaderBS /> */}
+                <div className="row">
+                    <div className="col-12">
+                        <p className='text-success'>Loading...</p>
+                    </div>
+                </div>
+            </>
+        )
+    }
+
+    if(isError){
+        return (
+            <div className="row">
+                <div className="col-12">
+                    <p className='text-danger'>Error occured! Please refresh to continue</p>
+                </div>
+            </div>
+        )
+    }
+
     return <>
         {/* <div className="row">
             <div className="col-md-12 m-b-30">

src/services/queryKeys.js

@@ -0,0 +1,5 @@
+const queryKeys = {
+    dashboard: ['dashboard']
+}
+
+export default queryKeys

src/services/services.js

@@ -3,16 +3,15 @@ import axios from "axios"
 
 axios.interceptors.request.use(
     config => {
-        // config.headers = {
-        //     Accept: "application/json",
-        //     "Access-Control-Allow-Origin": "*",
-        //     "Access-Control-Expose-Headers": "Access-Control-Allow-Origin",
-        //     "Access-Control-Allow-Headers":
-        //         "Origin, X-API-KEY, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method, Access-Control-Allow-Headers, Authorization, observe, enctype, Content-Length, X-Csrf-Token",
-        //     "Content-Type": "application/json;charset=UTF-8",
-        //     'Authorization': '22222'
-        //   };
-    config.headers['Authorization'] = `Bearer ${localStorage.getItem('access_token')}`;
+        config.headers = {
+            // Accept: "application/json",
+            "Access-Control-Allow-Origin": "*",
+            // "Access-Control-Expose-Headers": "Access-Control-Allow-Origin",
+            // "Access-Control-Allow-Headers": "Origin, X-API-KEY, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method, Access-Control-Allow-Headers, Authorization, observe, enctype, Content-Length, X-Csrf-Token",
+            // "Content-Type": "application/json;charset=UTF-8",
+            'Authorization': `Bearer ${localStorage.getItem('token')}`
+          };
+    // config.headers['Authorization'] = `Bearer ${localStorage.getItem('token')}`;
     // config.baseURL = process.env.REACT_APP_MAIN_API
         return config;
     },
@@ -30,10 +29,27 @@ const postAuxEnd = (path, postData, media=false) => {
     })
 }
 
+const getAuxEnd = (path) => {
+    const basePath = process.env.REACT_APP_MAIN_API
+    return axios.get(`${basePath}${path}`).then(res => {
+        return res
+    }).catch(err => {
+        // throw new Error(err.response.data.message);
+        return err
+    })
+}
 
+// FUNCTION TO LOGIN USER IN
 export const loginUser = (reqData) => {
     let postData = {
         ...reqData
     }
     return postAuxEnd('/panel/auth/login', postData, false)
-}
+}
+
+
+// FUNCTION TO GET DASHBOARD DATA
+export const accountDashboard = (query) => {
+    // return getAuxEnd(`/panel/account/dash?${query}`)
+    return getAuxEnd(`/panel/account/dash`)
+}