Replace mock data with live data

This change allows to configure the Axios client to use a different base
URL and set the authentication header.

NODE_ENV=development
VITE_TEST_SERVER_URL=https://development.opencast.org
VITE_TEST_SERVER_AUTH="admin:opencast"

.github/workflows/deploy-main.yml

@@ -22,6 +22,10 @@ jobs:
         run: npm ci
 
       - name: build project
+        env:
+          NODE_ENV: development
+          VITE_TEST_SERVER_URL: "https://develop.opencast.org"
+          VITE_TEST_SERVER_AUTH: "admin:opencast"
         run: npm run build
 
       - name: create pages directory
@@ -30,10 +34,6 @@ jobs:
       - name: include admin interface
         run: mv build gh-pages/admin-ui
 
-      - name: include mock data
-        working-directory: ./gh-pages
-        run: cp -rv ../test/GET/* .
-
       - name: include landing page
         run: cp .github/demo-page.html gh-pages/index.html
 

.github/workflows/deploy-test.yml

@@ -31,6 +31,9 @@ jobs:
       - name: build app
         env:
           PUBLIC_URL: /${{ steps.build-path.outputs.build }}
+          NODE_ENV: development
+          VITE_TEST_SERVER_URL: "https://develop.opencast.org"
+          VITE_TEST_SERVER_AUTH: "admin:opencast"
         run: npm run build
 
       - name: prepare git
@@ -63,10 +66,6 @@ jobs:
         run: |
           git checkout gh-pages
 
-      - name: include mock data
-        working-directory: admin-interface-test
-        run: cp -rv ../test/GET/* .
-
       - name: store build
         working-directory: admin-interface-test
         env:

src/index.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import ReactDOM from "react-dom";
 import "./index.css";
 import App from "./App";
+import axios from "axios";
 
 // redux imports
 import { persistStore } from "redux-persist";
@@ -31,6 +32,11 @@ const theme = createTheme({
 	}
 })
 
+if (import.meta.env.DEV && import.meta.env.VITE_TEST_SERVER) {
+	axios.defaults.baseURL = import.meta.env.VITE_TEST_SERVER_URL || ""
+	axios.defaults.headers.common['Authorization'] = import.meta.env.VITE_TEST_SERVER_AUTH ?? "Basic " + window.btoa(import.meta.env.VITE_TEST_SERVER_AUTH);	
+}
+
 ReactDOM.render(
 	<React.StrictMode>
 		<Provider store={store}>