From d8fcc44fe537c8c59b4dcf938de2eb93082245b5 Mon Sep 17 00:00:00 2001
From: Luc Mcgrady <lucmcgrady@gmail.com>
Date: Fri, 3 Oct 2025 23:32:28 +0100
Subject: [PATCH] Add warning box

---
 ts/routes/deck-options/ParamsInput.svelte | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/ts/routes/deck-options/ParamsInput.svelte b/ts/routes/deck-options/ParamsInput.svelte
index 3ba109343..fe0567c40 100644
--- a/ts/routes/deck-options/ParamsInput.svelte
+++ b/ts/routes/deck-options/ParamsInput.svelte
@@ -5,6 +5,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <script lang="ts">
     import { tick } from "svelte";
     import * as tr from "@generated/ftl";
+    import Warning from "./Warning.svelte";
 
     export let value: number[];
 
@@ -50,10 +51,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     let clickCount = 0;
     function onClick() {
         clickCount += 1;
-        if (clickCount == UNLOCK_EDIT_COUNT) {
-            alert(tr.deckConfigManualParameterEditWarning());
-        }
     }
+
+    $: unlockEditWarning =
+        clickCount >= UNLOCK_EDIT_COUNT
+            ? tr.deckConfigManualParameterEditWarning()
+            : "";
 </script>
 
 <svelte:window onresize={updateHeight} />
@@ -71,6 +74,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     ></textarea>
 </div>
 
+<Warning warning={unlockEditWarning} className="alert-danger"></Warning>
+
 <style>
     textarea {
         resize: none;