From 27f1c8613575e51006c577d7ecf2c9589015eccb Mon Sep 17 00:00:00 2001
From: droideparanoico <david.alvarez.81@gmail.com>
Date: Sun, 14 Jun 2026 13:11:05 +0200
Subject: [PATCH] feat: hide Upload button on play page, use btn-danger for
 Stop

- Header accepts hideUpload prop, hides the + Upload button when true
- App.svelte passes hideUpload={route === '/play'} to Header
- Play.svelte Stop button now uses global btn-danger class (red, matching
  the Delete button style) instead of custom stop-btn styles
---
 frontend/src/App.svelte        |  2 +-
 frontend/src/lib/Header.svelte |  6 ++++--
 frontend/src/pages/Play.svelte | 10 +---------
 3 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 9cef609..85b0bfa 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -43,7 +43,7 @@
   });
 </script>
 
-<Header onUploadClick={() => uploadTriggered++} />
+<Header onUploadClick={() => uploadTriggered++} hideUpload={route === "/play"} />
 
 <main class="container">
   {#if route === "/"}
diff --git a/frontend/src/lib/Header.svelte b/frontend/src/lib/Header.svelte
index a6840c3..ccc7ced 100644
--- a/frontend/src/lib/Header.svelte
+++ b/frontend/src/lib/Header.svelte
@@ -1,5 +1,5 @@
 <script>
-  let { onUploadClick = () => {} } = $props();
+  let { onUploadClick = () => {}, hideUpload = false } = $props();
 </script>
 
 <header class="header">
@@ -17,7 +17,9 @@
       <span class="logo-text">DOSTALGIA</span>
     </a>
     <nav>
-      <button class="btn" onclick={onUploadClick}>+ Upload</button>
+      {#if !hideUpload}
+        <button class="btn" onclick={onUploadClick}>+ Upload</button>
+      {/if}
     </nav>
   </div>
 </header>
diff --git a/frontend/src/pages/Play.svelte b/frontend/src/pages/Play.svelte
index 5604b66..c3a578a 100644
--- a/frontend/src/pages/Play.svelte
+++ b/frontend/src/pages/Play.svelte
@@ -134,7 +134,7 @@
         ← {isSetup ? "Back" : game.title}
       </button>
       {#if running}
-        <button class="btn stop-btn" onclick={stopEmulator}>⏹ Stop</button>
+        <button class="btn btn-danger" onclick={stopEmulator}>⏹ Stop</button>
       {/if}
     {/if}
   </div>
@@ -211,14 +211,6 @@
     font-family: var(--font-sans);
   }
   .link-button:hover { color: var(--phosphor); }
-  .stop-btn {
-    border-color: #cc3333;
-    color: #ff4444;
-  }
-  .stop-btn:hover {
-    background: #331111;
-    box-shadow: 0 0 12px #331111;
-  }
 
   /* Emulator canvas — always mounted */
   .dos-container {