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

@@ -24,6 +24,9 @@ jobs:
       - name: build project
         env:
           CI: false
+          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

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}>