From e53e1a395849f9f2253a5468a2fae3234341e710 Mon Sep 17 00:00:00 2001
From: Tuurminator69 <arthurvassenbergh@gmail.com>
Date: Sat, 3 Jan 2026 21:59:51 +0100
Subject: [PATCH] feat: can go to a skeleton monitoringpage ref: N25B-398

---
 src/App.tsx                                 | 2 ++
 src/pages/Home/Home.tsx                     | 1 +
 src/pages/MonitoringPage/MonitoringPage.tsx | 2 +-
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 75d423d..9ff7473 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,6 +7,7 @@ import ConnectedRobots from './pages/ConnectedRobots/ConnectedRobots.tsx'
 import VisProg from "./pages/VisProgPage/VisProg.tsx";
 import {useState} from "react";
 import Logging from "./components/Logging/Logging.tsx";
+import MonitoringPage from './pages/MonitoringPage/MonitoringPage.tsx'
 
 function App(){
   const [showLogs, setShowLogs] = useState(false);
@@ -25,6 +26,7 @@ function App(){
             <Route path="/editor" element={<VisProg />} />
             <Route path="/robot" element={<Robot />} />
             <Route path="/ConnectedRobots" element={<ConnectedRobots />} />
+            <Route path="/MonitoringPage" element={<MonitoringPage />} />
         </Routes>
         </main>
         {showLogs && <Logging />}
diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index c998e25..491c62f 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -23,6 +23,7 @@ function Home() {
         <Link to={"/editor"}>Editor →</Link>
         <Link to={"/template"}>Template →</Link>
         <Link to={"/ConnectedRobots"}>Connected Robots →</Link>
+        <Link to={"/MonitoringPage"}>MonitoringPage →</Link>
       </div>
     </div>
   )
diff --git a/src/pages/MonitoringPage/MonitoringPage.tsx b/src/pages/MonitoringPage/MonitoringPage.tsx
index 86142b7..b2db6c2 100644
--- a/src/pages/MonitoringPage/MonitoringPage.tsx
+++ b/src/pages/MonitoringPage/MonitoringPage.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import styles from './MonitoringPage.module.css'
 
-export default function ExperimentDashboard() {
+export default function MonitoringPage() {
   return (
     <div className="dashboard-container">
       <header className="experiment-overview">