renaming app directory

app/src/hooks/accessToken/UseAccessToken.tsx

@@ -0,0 +1,32 @@
+import {
+  AuthenticationResult,
+  InteractionRequiredAuthError
+} from '@azure/msal-browser';
+import { useMsal } from '@azure/msal-react';
+
+export const useAccessToken = () => {
+  const { accounts, instance } = useMsal();
+  const getAccessToken = async () => {
+    const tokenRequest = {
+      account: accounts[0],
+      scopes: [`api://${import.meta.env.VITE_CLIENT_ID}/user_impersonation`]
+    };
+
+    try {
+      const response: AuthenticationResult =
+        await instance.acquireTokenSilent(tokenRequest);
+
+      return `Bearer ${response.accessToken}`;
+    } catch (error) {
+      if (error instanceof InteractionRequiredAuthError) {
+        await instance.acquireTokenRedirect(tokenRequest);
+      }
+
+      throw error;
+    }
+  };
+
+  return {
+    getAccessToken
+  };
+};

app/src/hooks/appContext/UseAppContext.tsx

@@ -0,0 +1,11 @@
+import { useContext } from 'react';
+import { AppContext } from '../../context/appContext/AppContext';
+
+export const useAppContext = () => {
+  const { state, dispatch } = useContext(AppContext);
+
+  return {
+    state,
+    dispatch
+  };
+};

app/src/hooks/httpClient/UseHttpClient.tsx

@@ -0,0 +1,29 @@
+import axios, { AxiosInstance, CreateAxiosDefaults } from 'axios';
+
+export const useHttpClient = () => {
+  let config: CreateAxiosDefaults<any> = {
+    baseURL: import.meta.env.VITE_API_URL,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  };
+
+  // if (import.meta.env.DEV) {
+  //   config = {
+  //     baseURL: import.meta.env.VITE_API_URL,
+  //     headers: {
+  //       'Content-Type': 'application/json'
+  //     }
+  //   };
+  // } else {
+  //   config = {
+  //     headers: {
+  //       'Content-Type': 'application/json'
+  //     }
+  //   };
+  // }
+
+  const httpClient: AxiosInstance = axios.create(config);
+
+  return httpClient;
+};