From cbcac29561e0c22971f1d32a82737b1d45b1d97e Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <rawr@sebin-nyshkim.net>
Date: Sun, 22 Jun 2025 01:38:51 +0200
Subject: [PATCH] fix: :bug: popup modal does not trigger when more than one
 button on page

---
 src/components/nsfw-barrier.webc | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/nsfw-barrier.webc b/src/components/nsfw-barrier.webc
index 8764b61..2d25021 100644
--- a/src/components/nsfw-barrier.webc
+++ b/src/components/nsfw-barrier.webc
@@ -1,16 +1,18 @@
 <script>
-  const nsfwButton = document.querySelector('#nsfw-toggle');
+  const nsfwButtonBtns = document.querySelectorAll('.nsfw-toggle');
 
-  nsfwButton.addEventListener('click', () => {
-    const isInHornyJail = storeProxy.getItem('isInHornyJail') === 'true';
-    const isHorny = storeProxy.getItem('isHorny') === 'true';
+  nsfwButtonBtns.forEach((btn) =>
+    btn.addEventListener('click', () => {
+      const isInHornyJail = storeProxy.getItem('isInHornyJail') === 'true';
+      const isHorny = storeProxy.getItem('isHorny') === 'true';
 
-    if (isInHornyJail) {
-      storeProxy.setItem('isHorny', !isHorny);
-    } else {
-      open();
-    }
-  });
+      if (isInHornyJail) {
+        storeProxy.setItem('isHorny', !isHorny);
+      } else {
+        open();
+      }
+    })
+  );
 </script>
 
 <div webc:root="override">
@@ -20,7 +22,7 @@
     </div>
   </div>
 
-  <ref-button id="nsfw-toggle" command="show-modal" commandfor="nsfw-warning">
+  <ref-button class="nsfw-toggle" command="show-modal" commandfor="nsfw-warning">
     Reveal/Hide
   </ref-button>