From 4d3ba2776c90c60d389f64a90598d08de82fecc1 Mon Sep 17 00:00:00 2001
From: Bad Manners <me@badmanners.xyz>
Date: Wed, 25 Sep 2024 13:38:50 -0300
Subject: [PATCH] Fixes for AgeRestrictedModal

---
 src/components/AgeRestrictedModal.astro | 2 --
 src/layouts/BaseLayout.astro            | 2 +-
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/AgeRestrictedModal.astro b/src/components/AgeRestrictedModal.astro
index 09ce1ff..ad1331e 100644
--- a/src/components/AgeRestrictedModal.astro
+++ b/src/components/AgeRestrictedModal.astro
@@ -35,7 +35,6 @@ import { IconTriangleExclamation } from "./icons";
         hidden
       >
         <button
-          data-modal-reject
           id="age-verification-reject"
           class="rounded bg-stone-400 py-3 text-lg text-stone-900 hover:bg-stone-500 hover:text-stone-50 focus:bg-stone-500 focus:text-stone-50 sm:px-9 dark:bg-zinc-300 dark:text-zinc-900 dark:hover:bg-zinc-600 dark:hover:text-zinc-50 dark:focus:bg-zinc-600 dark:focus:text-zinc-50"
           @click="location.href = 'about:blank'"
@@ -43,7 +42,6 @@ import { IconTriangleExclamation } from "./icons";
           Cancel
         </button>
         <button
-          data-modal-accept
           id="age-verification-accept"
           class="rounded bg-bm-500 py-3 text-lg text-stone-900 hover:bg-stone-500 hover:text-stone-50 focus:bg-stone-500 focus:text-stone-50 sm:px-9 dark:bg-bm-400 dark:text-zinc-900 dark:hover:bg-zinc-600 dark:hover:text-zinc-50 dark:focus:bg-zinc-600 dark:focus:text-zinc-50"
           @click="localStorage.ageVerified = 'true'; ageVerified = true"
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index c64bead..c97b0ef 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -91,9 +91,9 @@ const title = pageTitle ? `${pageTitle} | Bad Manners` : "Bad Manners";
             </a>
           </div>
           <button
-            x-on:click="darkMode = !darkMode; localStorage.colorScheme = darkMode ? 'dark' : 'light'"
             class="mt-2 p-2 transition-colors hover:text-green-700 focus:text-green-700 motion-reduce:transition-none dark:hover:text-bm-300 dark:focus:text-bm-300 print:hidden"
             aria-labelledby="label-toggle-dark-mode"
+            @click="darkMode = !darkMode; localStorage.colorScheme = darkMode ? 'dark' : 'light'"
           >
             <IconSun width="1.5rem" height="1.5rem" class="hidden dark:block" />
             <IconMoon width="1.5rem" height="1.5rem" class="block dark:hidden" />