From 2cb23529ef76d28242f363a0cfd72cea1ddc2407 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Tue, 25 Jul 2023 23:29:56 +0200
Subject: [PATCH] feat: dynamic checkbox id for settings

---
 src/components/SettingsPopover.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/SettingsPopover.astro b/src/components/SettingsPopover.astro
index 81f13f8..9c3769c 100644
--- a/src/components/SettingsPopover.astro
+++ b/src/components/SettingsPopover.astro
@@ -21,11 +21,11 @@ const { toggle } = Astro.props;
   </div>
   {
     enabledSettings.map(
-      (settings) =>
+      (settings, index) =>
         settings !== "" && (
           <div class="field">
-            <input type="checkbox" id="settings-2" name="settings-2" />
-            <label for="settings-2">{featureLabels[settings]}</label>
+            <input type="checkbox" id={`settings-${index}`} name="settings-2" />
+            <label for={`settings-${index}`}>{featureLabels[settings]}</label>
           </div>
         )
     )