[Feat] ConfigurationContext

Created a context to hold application config data.
This is to replace configuration.ts as it was creating issues.
Vaigly references #21.

client/.env.template

@@ -1,6 +1,3 @@
 NODE_ENV=
 
-APP_PORT=
-APP_PREFIX=
-
-API_ROOT=
+REACT_APP_API_ROOT=

client/src/App.tsx

@@ -1,12 +1,14 @@
-import PrimaryView from './components/PrimaryView/PrimaryView';
+import * as dotenv from 'dotenv';
+
 import React, { FC } from 'react';
+import { Container } from '@mui/material';
+
+const environment = process.env.NODE_ENV;
+const envFilePath = !environment ? '.env' : `.env.${environment}`;
+dotenv.config({ path: envFilePath });
 
 const App: FC<{}> = () => {
-  return (
-    <div className="App">
-      <PrimaryView />
-    </div>
-  );
+  return <Container className="App"></Container>;
 };
 
 export default App;

client/src/contexts/ConfigurationContext.tsx

@@ -0,0 +1,19 @@
+import React, { createContext } from 'react';
+
+const configuration = {
+  api: {
+    root: process.env.REACT_APP_API_ROOT || '',
+  },
+};
+const configurationContext = createContext(configuration);
+
+const ConfigurationContext = () => {
+  return (
+    <configurationContext.Provider
+      value={configuration}
+    ></configurationContext.Provider>
+  );
+};
+
+export { configurationContext };
+export default ConfigurationContext;

client/types/enviourment.d.ts

@@ -3,10 +3,7 @@ declare global {
     export interface ProcessEnv {
       NODE_ENV: string;
 
-      APP_PORT?: string;
-      APP_PREFIX?: string;
-
-      API_ROOT?: string;
+      REACT_APP_API_ROOT?: string;
     }
   }
 }