adding config file to dashboard

.env.sample

@@ -1 +1,3 @@
 # Sample Environment Variables File
+REACT_APP_PROXMOX_API=<URL>
+REACT_APP_PROXMOX_API_KEY=<STRING>

.gitignore

@@ -18,6 +18,8 @@
 .env.development.local
 .env.test.local
 .env.production.local
+.sec.json
+*.sec.json
 
 npm-debug.log*
 yarn-debug.log*

src/Config.tsx

@@ -0,0 +1,25 @@
+/**
+ * Config file for the Dashboard project
+ * Reads the config out of the .env file
+ * @author ooemperor
+ */
+import configData from "./config.sec.json"
+
+/**
+ * Class for the config object used in total
+ */
+export class Config{
+    proxmoxApi: string;
+    proxmoxApiKey: string;
+
+    /**
+     * Constructor of the config
+     */
+    constructor() {
+
+        this.proxmoxApi = configData.proxmox.api;
+        this.proxmoxApiKey = configData.proxmox.apiKey;
+    }
+}
+
+export const config = new Config();

src/config.json

@@ -0,0 +1,6 @@
+{
+  "proxmox":{
+    "api": "",
+    "apiKey": ""
+  }
+}

src/services/ProxmoxService.tsx

@@ -6,6 +6,7 @@
  * @author ooemperor
  */
 import {NodesResponse} from "../models/proxmox/Node";
+import {config} from "../Config";
 
 class ProxmoxService {
     apiToken: string;
@@ -30,7 +31,7 @@ class ProxmoxService {
         try {
             const response: Response = await fetch(`${this.baseUrl}/api2/json/nodes`, {
                 method: 'GET',
-                headers: {'Content-Type': 'application/json', 'Authorization': this.apiToken},
+                headers: {'Content-Type': 'application/json', 'Authorization': this.apiToken || ""},
             });
 
             if (!response.ok) {
@@ -47,4 +48,4 @@ class ProxmoxService {
     }
 }
 
-export const proxmoxService = new ProxmoxService("", ""); //TODO: Change to correct config params
+export const proxmoxService = new ProxmoxService(config.proxmoxApiKey, config.proxmoxApi);