refactor: config fetch api

Author: masb0ymas

src/config/Fetcher.ts

@@ -1,14 +1,60 @@
 /* eslint-disable no-unused-vars */
-import axios, { AxiosInstance } from 'axios'
+import axios, { AxiosError, AxiosInstance } from 'axios'
+import { get } from 'lodash'
+import ResponseError from 'modules/Response/ResponseError'
+
+function createAuthAxios(baseURL: string): AxiosInstance {
+  const instanceAxios = axios.create({
+    baseURL,
+  })
+
+  instanceAxios.interceptors.request.use((config) => {
+    const curConfig = { ...config }
+
+    // ALWAYS READ UPDATED TOKEN
+    try {
+      curConfig.headers.Authorization = localStorage.getItem('token')
+    } catch (e) {
+      console.log(e)
+    }
+    return curConfig
+  })
+
+  instanceAxios.interceptors.response.use(
+    function onSuccess(response) {
+      return response
+    },
+    function onError(error: AxiosError) {
+      const status = get(error, 'response.status', null)
+      if (status === 401) {
+        console.log('Unauhtorized')
+        return Promise.reject(error)
+      }
+
+      const handleError = error?.response?.headers?.handleError
+      if (!handleError || !handleError(error)) {
+        console.log(error.message)
+        throw new ResponseError.BadRequest(error.message)
+      }
+      return Promise.reject(error)
+    }
+  )
+
+  return instanceAxios
+}
 
 class FetchApi {
   private axiosDefault: AxiosInstance
 
+  private axiosToken: AxiosInstance
+
   private baseUri: string
 
   constructor(baseUri: string) {
     // @ts-ignore
     this.axiosDefault = null
+    // @ts-ignore
+    this.axiosToken = null
     this.baseUri = baseUri
   }
 
@@ -22,6 +68,14 @@ class FetchApi {
 
     return this.axiosDefault
   }
+
+  get withAuth(): AxiosInstance {
+    if (!this.axiosToken) {
+      this.axiosToken = createAuthAxios(this.baseUri)
+      return this.axiosToken
+    }
+    return this.axiosToken
+  }
 }
 
 export default FetchApi