From 034e97c35aebc87f9dccdd220a93dd339a050de2 Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Thu, 11 Jul 2024 11:05:21 +0200
Subject: [PATCH] impr(dev): add button to show real words input

!nuf
---
 frontend/src/html/popups.html         | 1 +
 frontend/src/ts/modals/dev-options.ts | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/frontend/src/html/popups.html b/frontend/src/html/popups.html
index 0b27ab318..f09682a2f 100644
--- a/frontend/src/html/popups.html
+++ b/frontend/src/html/popups.html
@@ -10,6 +10,7 @@
     <button class="generateData">generate data</button>
     <button class="toggleMediaQueryDebug">toggle media query debug</button>
     <button class="showTestNotifications">show test notifications</button>
+    <button class="showRealWordsInput">show real words input</button>
   </div>
 </dialog>
 
diff --git a/frontend/src/ts/modals/dev-options.ts b/frontend/src/ts/modals/dev-options.ts
index 4e8f7ca49..646961a65 100644
--- a/frontend/src/ts/modals/dev-options.ts
+++ b/frontend/src/ts/modals/dev-options.ts
@@ -41,6 +41,12 @@ async function setup(modalEl: HTMLElement): Promise<void> {
       );
       setMediaQueryDebugLevel(mediaQueryDebugLevel);
     });
+  modalEl
+    .querySelector(".showRealWordsInput")
+    ?.addEventListener("click", () => {
+      $("#wordsInput").css("opacity", "1");
+      void modal.hide();
+    });
 }
 
 const modal = new AnimatedModal({