From 17b3737176b121fdb1c0486213ca29d753646ea7 Mon Sep 17 00:00:00 2001
From: vibe-bot <bot@local>
Date: Sat, 9 Aug 2025 02:33:48 +0200
Subject: [PATCH] =?UTF-8?q?Nightly=20Badge=20zuverl=C3=A4ssig:=20Vite=20En?=
 =?UTF-8?q?v=20VITE=5FBUILD=5FCHANNEL,=20Dockerfile=20ARG/ENV,=20CI=20Buil?=
 =?UTF-8?q?d-Args=20angepasst?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/docker-build.yml | 2 +-
 Dockerfile                         | 6 +++---
 web/src/App.tsx                    | 4 ++--
 web/src/styles.css                 | 3 +++
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/docker-build.yml b/.github/workflows/docker-build.yml
index 9ebfa82..058c79b 100644
--- a/.github/workflows/docker-build.yml
+++ b/.github/workflows/docker-build.yml
@@ -41,7 +41,7 @@ jobs:
           context: .
           push: true
           build-args: |
-            REACT_APP_VERSION=${{ steps.docker_tag.outputs.tag == 'main' && 'stable' || 'nightly' }}
+            VITE_BUILD_CHANNEL=${{ steps.docker_tag.outputs.tag == 'main' && 'stable' || 'nightly' }}
           tags: |
             ${{ env.IMAGE_NAME }}:latest
             ${{ env.IMAGE_NAME }}:${{ github.sha }}
diff --git a/Dockerfile b/Dockerfile
index 8ecf4e8..2864250 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -6,9 +6,9 @@ WORKDIR /app/web
 COPY web/package*.json ./
 RUN npm install --no-audit --no-fund
 COPY web/ .
-# Umgebungsvariable für React Build verfügbar machen
-ARG REACT_APP_VERSION=stable
-ENV REACT_APP_VERSION=$REACT_APP_VERSION
+# Umgebungsvariable für React Build verfügbar machen (Vite liest nur VITE_*)
+ARG VITE_BUILD_CHANNEL=stable
+ENV VITE_BUILD_CHANNEL=$VITE_BUILD_CHANNEL
 RUN npm run build
 
 # --- Build server (npm) ---
diff --git a/web/src/App.tsx b/web/src/App.tsx
index 22ff5b9..79ed838 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -179,8 +179,8 @@ export default function App() {
             <div>
               <h1 className="text-4xl font-bold">
                 Jukebox 420
-                {process.env.REACT_APP_VERSION === 'nightly' && (
-                  <span className="text-sm text-red-400 ml-2">Nightly</span>
+                {import.meta.env.VITE_BUILD_CHANNEL === 'nightly' && (
+                  <span className="text-sm font-semibold ml-2" style={{ color: '#ff4d4f' }}>Nightly Build</span>
                 )}
               </h1>
               <p className="text-7xl font-bold mt-2">{clock}</p>
diff --git a/web/src/styles.css b/web/src/styles.css
index fdf7055..05ef182 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -339,6 +339,9 @@ header h1 {
   color: inherit;
 }
 
+/* Nightly Badge Farbe (Fallback) */
+.nightly-badge { color: #ff4d4f; }
+
 header p { 
   margin: 0;
   opacity: .9;