demo user list API integration started

.env

@@ -6,7 +6,7 @@ TWITTER_URL=https://twitter.com
 INSTAGRAM_URL=https://www.instagram.com
 
 # BACKEND END POINTS
-VITE_USERS_ENDPOINT='https://digifi-apidev.chiefsoft.net/digiusers/v1'
+REACT_APP_MAIN_API='https://devcore.digifi.chiefsoft.net'
 
 # ENQUIRIES CONTACTS
 VITE_CALL_ENDPOINT='09099000000'

.env.development

@@ -6,7 +6,7 @@ VITE_TWITTER_URL=https://twitter.com
 VITE_INSTAGRAM_URL=https://www.instagram.com
 
 # BACKEND END POINTS
-VITE_USERS_ENDPOINT='https://digifi-apidev.chiefsoft.net/digiusers/v1'
+REACT_APP_MAIN_API='https://devcore.digifi.chiefsoft.net'
 
 # ENQUIRIES CONTACTS
 VITE_CALL_ENDPOINT='09099000000'

.env.production

@@ -6,7 +6,7 @@ TWITTER_URL=https://twitter.com
 INSTAGRAM_URL=https://www.instagram.com
 
 # BACKEND END POINTS
-VITE_USERS_ENDPOINT='https://digifi-apidev.chiefsoft.net/digiusers/v1'
+REACT_APP_MAIN_API='https://devcore.digifi.chiefsoft.net'
 
 # ENQUIRIES CONTACTS
 VITE_CALL_ENDPOINT='09099000000'

src/App.js

@@ -1,10 +1,26 @@
+import { QueryClientProvider, QueryClient } from '@tanstack/react-query'
 import MyRoutes from './MyRoutes';
 
+
 import './App.css';
 
 function App() {
+
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: {
+        refetchOnWindowFocus: false,
+        retry: 3,
+        // refetchOnMount: false,
+        staleTime: Infinity // can also be a number in millisecond
+      },
+    },
+  })
+
   return (
+  <QueryClientProvider client={queryClient}>
     <MyRoutes />
+  </QueryClientProvider>
   )
 }
 

src/components/HomeCom.jsx

@@ -1,10 +1,22 @@
 // import React from 'react'
+import { useQuery } from "@tanstack/react-query";
 
 import { CiPhone } from "react-icons/ci"
 import { IoIosPhonePortrait } from "react-icons/io"
 import { MdOutlineEmail } from "react-icons/md"
+import { demoUsersList } from "../services/siteServices"
+import queryKeys from "../services/queryKeys"
 
 export default function HomeCom() {
+
+  const {data:users, isFetching, isError, error} = useQuery({
+      queryKey: queryKeys.demoUsers,
+      queryFn: () => demoUsersList()
+  })
+
+  const demoUsers = users?.data
+  console.log(demoUsers)
+
   return (
     <div className="w-full h-screen flex flex-col gap-2 overflow-y-auto text-black bg-slate-100 p-5 sm:p-[40px]">
       <div className="py-4 text-3xl text-black font-bold">Users</div>

src/services/queryKeys.js

@@ -1,5 +1,5 @@
 const queryKeys = {
-    dummy: ['dummy']
+    demoUsers: ['demo-users']
 }
 
 export default queryKeys

src/services/siteServices.js

@@ -4,12 +4,12 @@ import axios from "axios"
 axios.interceptors.request.use(
     config => {
         config.headers = {
-            // Accept: "application/json",
+            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')}`
+            "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
@@ -47,5 +47,11 @@ export const loginUser = (reqData) => {
     let postData = {
         ...reqData
     }
-    return postAuxEnd('/panel/auth/login', postData, false)
+    return postAuxEnd('/salary/login', postData, false)
+}
+
+// FUNCTION TO GET MY PRODUCT PROVISION DATA
+export const demoUsersList = (reqData) => {
+    const postData = { ...reqData }
+    return getAuxEnd(`/salary/demousers`, postData)
 }