feat: dynamic checkbox id for settings

2023-07-25 23:29:56 +02:00 · 2023-07-25 23:29:56 +02:00 · 2cb23529ef
commit 2cb23529ef
parent 74c501a7bd
1 changed files with 3 additions and 3 deletions
--- 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>
        )
    )