From a28e6fbcbfc8feccdcba200c2421f5c42a78d97a Mon Sep 17 00:00:00 2001
From: Arne Rief <riearn@proton.me>
Date: Sat, 10 Jan 2026 22:33:36 +0100
Subject: Docker

---
 frontend/src/components/ErrorBanner.tsx | 5 +++++
 frontend/src/components/Sidebar.tsx     | 8 +++-----
 2 files changed, 8 insertions(+), 5 deletions(-)
 create mode 100644 frontend/src/components/ErrorBanner.tsx

(limited to 'frontend/src/components')

diff --git a/frontend/src/components/ErrorBanner.tsx b/frontend/src/components/ErrorBanner.tsx
new file mode 100644
index 0000000..fdb3bf1
--- /dev/null
+++ b/frontend/src/components/ErrorBanner.tsx
@@ -0,0 +1,5 @@
+function ErrorBanner({ message }: { message: string }) {
+    return <div className="error-message">{message}</div>;
+}
+
+export default ErrorBanner;
diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
index 3760d4e..bdfadad 100644
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -4,6 +4,7 @@ import "../styles/button.css";
 import "../styles/sidebar.css";
 import type { Robot } from "../types/robot";
 import AddRobotForm from "./AddRobotForm";
+import ErrorBanner from "./ErrorBanner";
 import RobotList from "./RobotList";
 import SimulationActions from "./SimulationActions";
 
@@ -58,10 +59,8 @@ function Sidebar({
                 />
             )}
 
-            {errorMessage && (
-                <div className="error-message">{errorMessage}</div>
-            )}
-
+            {errorMessage && <ErrorBanner message={errorMessage} />}
+            
             <SimulationActions
                 activeSimulation={activeSimulation}
                 apiUrl={API_URL}
@@ -81,4 +80,3 @@ function Sidebar({
 }
 
 export default Sidebar;
-
-- 
cgit v1.2.3