From 491337217b2dae316238e62eeabbab45e32421fa Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Thu, 7 Mar 2024 21:41:18 +0100
Subject: [PATCH] refactor: move converted modals to a new folder, rename
 supportpopup to supportmodal

---
 frontend/src/html/popups.html                                  | 2 +-
 frontend/src/styles/popups.scss                                | 2 +-
 frontend/src/ts/event-handlers/about.ts                        | 2 +-
 frontend/src/ts/event-handlers/footer.ts                       | 2 +-
 frontend/src/ts/{popups/support-popup.ts => modals/support.ts} | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)
 rename frontend/src/ts/{popups/support-popup.ts => modals/support.ts} (87%)

diff --git a/frontend/src/html/popups.html b/frontend/src/html/popups.html
index 0ee8aa0f3..ac8e79fb2 100644
--- a/frontend/src/html/popups.html
+++ b/frontend/src/html/popups.html
@@ -954,7 +954,7 @@
 <div id="versionHistoryWrapper" class="popupWrapper hidden">
   <div id="versionHistory"></div>
 </div>
-<dialog id="supportMePopup" class="modalWrapper hidden">
+<dialog id="supportModal" class="modalWrapper hidden">
   <div class="modal">
     <div class="title">Support Monkeytype</div>
     <div class="text">
diff --git a/frontend/src/styles/popups.scss b/frontend/src/styles/popups.scss
index 569d1c5bd..45b422b90 100644
--- a/frontend/src/styles/popups.scss
+++ b/frontend/src/styles/popups.scss
@@ -1390,7 +1390,7 @@
   }
 }
 
-#supportMePopup {
+#supportModal {
   .modal {
     max-width: 900px;
     width: 100%;
diff --git a/frontend/src/ts/event-handlers/about.ts b/frontend/src/ts/event-handlers/about.ts
index 64c27aa3c..0a083b53c 100644
--- a/frontend/src/ts/event-handlers/about.ts
+++ b/frontend/src/ts/event-handlers/about.ts
@@ -1,4 +1,4 @@
-import * as SupportPopup from "../popups/support-popup";
+import * as SupportPopup from "../modals/support";
 
 document
   .querySelector("#pageAbout #supportMeAboutButton")
diff --git a/frontend/src/ts/event-handlers/footer.ts b/frontend/src/ts/event-handlers/footer.ts
index 550f5ecdc..0ce0e4984 100644
--- a/frontend/src/ts/event-handlers/footer.ts
+++ b/frontend/src/ts/event-handlers/footer.ts
@@ -3,7 +3,7 @@ import { isAuthenticated } from "../firebase";
 import * as DB from "../db";
 import * as Notifications from "../elements/notifications";
 import { getCommandline } from "../utils/async-modules";
-import * as SupportPopup from "../popups/support-popup";
+import * as SupportPopup from "../modals/support";
 
 document
   .querySelector("footer #commandLineButton")
diff --git a/frontend/src/ts/popups/support-popup.ts b/frontend/src/ts/modals/support.ts
similarity index 87%
rename from frontend/src/ts/popups/support-popup.ts
rename to frontend/src/ts/modals/support.ts
index d9aa40e2d..7ec750302 100644
--- a/frontend/src/ts/popups/support-popup.ts
+++ b/frontend/src/ts/modals/support.ts
@@ -5,7 +5,7 @@ export function show(): void {
   void modal.show();
 }
 
-const modal = new AnimatedModal("supportMePopup", "popups", undefined, {
+const modal = new AnimatedModal("supportModal", "popups", undefined, {
   setup: (modalEl): void => {
     modalEl.querySelector("button.ads")?.addEventListener("click", async () => {
       const commandline = await getCommandline();