ci(client): pass env variable to react app in the right way

client/.env

@@ -0,0 +1,2 @@
+REACT_APP_MAPBOX_KEY=pk.eyJ1IjoibWVpcmltIiwiYSI6ImNrbWNjYmlwYjJhYzYycW42NTYzcmdpYWcifQ.lCBjl1gWMI6UxySOCCBUHg
+REACT_APP_BASE_API_URL=https://staging-api.meirim.org/api

client/.env.production

@@ -0,0 +1 @@
+REACT_APP_BASE_API_URL=https://api.meirim.org/api

client/src/components/Map/map.jsx

@@ -10,7 +10,7 @@ import Mapbox from 'react-map-gl';
 import PropTypes from 'prop-types';
 
 mapboxgl.workerClass = MapboxWorker;
-const apiKey = process.env.CONFIG.mapboxApiKey;
+const apiKey = process.env.REACT_APP_MAPBOX_KEY;
 
 
 export const Map = ({ onMouseMove, id, children, onClick, initialViewState, interactiveLayerIds, style, mapStyle = 'mapbox://styles/mapbox/light-v11' }) => {

client/src/services/api.js

@@ -1,6 +1,9 @@
 import axios from 'axios'
 
-const instance = axios.create(process.env.CONFIG.axios)
+const instance = axios.create({
+	"baseURL": process.env.REACT_APP_BASE_API_URL,
+	"withCredentials": true
+})
 
 export default {
 	get: (path, data, options) => instance.get(path, { params: data }, options)

client/src/services/paymentApi.js

@@ -1,8 +1,8 @@
 const axios = require('axios');
-const config = process.env.CONFIG.axios;
+const config = process.env.REACT_APP_BASE_API_URL
 
 const instance = axios.create({
-    baseURL: `${config.baseURL}/funding`
+    baseURL: `${config}/funding`
 })
 
 module.exports = {