From 067a92b7c4d1074e7293cb44c2af66c70955e208 Mon Sep 17 00:00:00 2001
From: vibe-bot <bot@local>
Date: Sat, 9 Aug 2025 02:19:53 +0200
Subject: [PATCH] Nightly: Header zeigt 'Nightly' Badge auf Port 3001 (Feature
 Version)

---
 web/src/App.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index 3f66f9a..1ae2f2f 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -177,7 +177,12 @@ export default function App() {
         <header className="flex items-center justify-between p-6">
           <div className="flex items-center">
             <div>
-              <h1 className="text-4xl font-bold">Jukebox 420</h1>
+              <h1 className="text-4xl font-bold">
+                Jukebox 420
+                {window.location.hostname.includes('localhost') && window.location.port === '3001' && (
+                  <span className="text-sm text-red-400 ml-2">Nightly</span>
+                )}
+              </h1>
               <p className="text-7xl font-bold mt-2">{clock}</p>
             </div>
           </div>