refactor the base api path

Author: medyo

src/components/CarbonAd.js

@@ -1,16 +1,15 @@
 import axios from 'axios'
 import React, { useEffect, useState } from 'react'
 import './CarbonAd.css'
+import { getBaseApi } from '../utils/DataUtils'
 
 export default function CarbonAd() {
   const [ad, setAd] = useState()
-  const packageFile = require('../../package.json')
 
   useEffect(() => {
     const setup = async () => {
       const userAgent = new URLSearchParams(navigator.userAgent).toString()
-      var baseUrl = process.env.NODE_ENV === 'production' ? packageFile.proxy : ''
-      const request = await axios.get(`${baseUrl}/monetization/?useragent=${userAgent}`)
+      const request = await axios.get(`${getBaseApi('')}/monetization/?useragent=${userAgent}`)
       if (request.data) {
         setAd(request.data.ads[0])
       }

src/services/cachedRequest.js

@@ -1,11 +1,10 @@
 import axios from 'axios';
 import AppStorage from "./localStorage";
-
-var packageFile = require("../../package.json");
+import { getBaseApi } from '../utils/DataUtils'
 
 const axiosInstance = axios.create({
-  baseURL: process.env.NODE_ENV === "production" ? packageFile.proxy : null,
-});
+  baseURL: getBaseApi(null),
+})
 const isWebVersion = !!+process.env.REACT_APP_WEB_BUILD
 
 const cachedRequest = async (url) => {

src/utils/DataUtils.js

@@ -1,3 +1,5 @@
+const packageFile = require('../../package.json')
+
 export const mergeMultipleDataSources = async (promises, maxCount) => {
   let promisesRequests = await Promise.allSettled(promises)
   let promisesValues = promisesRequests
@@ -20,3 +22,7 @@ export const mergeMultipleDataSources = async (promises, maxCount) => {
   }
   return data
 }
+
+export const getBaseApi = (fallback) => {
+  return process.env.NODE_ENV === 'production' ? packageFile.proxy : fallback
+}