From b185419ba768443ec5ae6c927c420ae0ae04e28e Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Wed, 5 Feb 2025 19:24:35 +0100
Subject: [PATCH] demo user list API integration started

---
 .env                         |  2 +-
 .env.development             |  2 +-
 .env.production              |  2 +-
 src/App.js                   | 16 ++++++++++++++++
 src/components/HomeCom.jsx   | 12 ++++++++++++
 src/services/queryKeys.js    |  2 +-
 src/services/siteServices.js | 14 ++++++++++----
 7 files changed, 42 insertions(+), 8 deletions(-)

diff --git a/.env b/.env
index b6fbd9d..86810db 100644
--- a/.env
+++ b/.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'
diff --git a/.env.development b/.env.development
index 7f02815..b7fc43e 100644
--- a/.env.development
+++ b/.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'
diff --git a/.env.production b/.env.production
index b6fbd9d..86810db 100644
--- a/.env.production
+++ b/.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'
diff --git a/src/App.js b/src/App.js
index da9929d..075e154 100644
--- a/src/App.js
+++ b/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>
   )
 }
 
diff --git a/src/components/HomeCom.jsx b/src/components/HomeCom.jsx
index 685db55..3a3b851 100644
--- a/src/components/HomeCom.jsx
+++ b/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>
diff --git a/src/services/queryKeys.js b/src/services/queryKeys.js
index f77dbf7..d6b93af 100644
--- a/src/services/queryKeys.js
+++ b/src/services/queryKeys.js
@@ -1,5 +1,5 @@
 const queryKeys = {
-    dummy: ['dummy']
+    demoUsers: ['demo-users']
 }
 
 export default queryKeys
\ No newline at end of file
diff --git a/src/services/siteServices.js b/src/services/siteServices.js
index 4770a3c..73af062 100644
--- a/src/services/siteServices.js
+++ b/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)
 }
\ No newline at end of file