From fc15b485271cf65d4d357a0a3e8904d0a4c9d144 Mon Sep 17 00:00:00 2001
From: jtricerolph <info@tricerolph.com>
Date: Wed, 26 Aug 2026 10:22:15 +0000
Subject: [PATCH] Show hotel name on login screen, wire VITE_HOTEL_NAME build
 arg through compose

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 docker-compose.yml                   | 5 ++++-
 frontend/src/components/AuthGate.tsx | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index ecb3aac..25bb49c 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -21,7 +21,10 @@ services:
     restart: unless-stopped
 
   frontend:
-    build: ./frontend
+    build:
+      context: ./frontend
+      args:
+        VITE_HOTEL_NAME: ${VITE_HOTEL_NAME}
     security_opt:
       - apparmor=unconfined
     ports:
diff --git a/frontend/src/components/AuthGate.tsx b/frontend/src/components/AuthGate.tsx
index 74eec42..ef68701 100644
--- a/frontend/src/components/AuthGate.tsx
+++ b/frontend/src/components/AuthGate.tsx
@@ -125,9 +125,12 @@ export default function AuthGate({ children }: { children: React.ReactNode }) {
           padding: '2rem', width: '100%', maxWidth: '360px',
           border: '1px solid var(--surface-2)',
         }}>
-          <h1 style={{ fontSize: '1.4rem', marginBottom: '1.5rem', color: 'var(--gold)' }}>
+          <h1 style={{ fontSize: '1.4rem', marginBottom: '0.25rem', color: 'var(--gold)' }}>
             Utilities
           </h1>
+          <p style={{ color: 'var(--text-muted)', fontSize: '0.875rem', marginBottom: '1.5rem' }}>
+            {import.meta.env.VITE_HOTEL_NAME}
+          </p>
           <form onSubmit={login} style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem' }}>
             <input
               type="email" value={email} onChange={e => setEmail(e.target.value)}