From 9868c87a4b81756f0bb406055e8714b0211c2f7c Mon Sep 17 00:00:00 2001
From: Evan <evanpelle@gmail.com>
Date: Wed, 26 Mar 2025 17:02:43 -0700
Subject: [PATCH] fix HostLobbyModal checkboxes by making ids unique

---
 src/client/HostLobbyModal.ts | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/client/HostLobbyModal.ts b/src/client/HostLobbyModal.ts
index 0356ba357..2b55c8cf0 100644
--- a/src/client/HostLobbyModal.ts
+++ b/src/client/HostLobbyModal.ts
@@ -162,13 +162,13 @@ export class HostLobbyModal extends LitElement {
                 </label>
 
                 <label
-                  for="disable-npcs"
+                  for="host-modal-disable-npcs"
                   class="option-card ${this.disableNPCs ? "selected" : ""}"
                 >
                   <div class="checkbox-icon"></div>
                   <input
                     type="checkbox"
-                    id="disable-npcs"
+                    id="host-modal-disable-npcs"
                     @change=${this.handleDisableNPCsChange}
                     .checked=${this.disableNPCs}
                   />
@@ -178,13 +178,13 @@ export class HostLobbyModal extends LitElement {
                 </label>
 
                 <label
-                  for="instant-build"
+                  for="host-modal-instant-build"
                   class="option-card ${this.instantBuild ? "selected" : ""}"
                 >
                   <div class="checkbox-icon"></div>
                   <input
                     type="checkbox"
-                    id="instant-build"
+                    id="host-modal-instant-build"
                     @change=${this.handleInstantBuildChange}
                     .checked=${this.instantBuild}
                   />
@@ -194,13 +194,13 @@ export class HostLobbyModal extends LitElement {
                 </label>
 
                 <label
-                  for="infinite-gold"
+                  for="host-modal-infinite-gold"
                   class="option-card ${this.infiniteGold ? "selected" : ""}"
                 >
                   <div class="checkbox-icon"></div>
                   <input
                     type="checkbox"
-                    id="infinite-gold"
+                    id="host-modal-infinite-gold"
                     @change=${this.handleInfiniteGoldChange}
                     .checked=${this.infiniteGold}
                   />
@@ -210,13 +210,13 @@ export class HostLobbyModal extends LitElement {
                 </label>
 
                 <label
-                  for="infinite-troops"
+                  for="host-modal-infinite-troops"
                   class="option-card ${this.infiniteTroops ? "selected" : ""}"
                 >
                   <div class="checkbox-icon"></div>
                   <input
                     type="checkbox"
-                    id="infinite-troops"
+                    id="host-modal-infinite-troops"
                     @change=${this.handleInfiniteTroopsChange}
                     .checked=${this.infiniteTroops}
                   />
@@ -226,13 +226,13 @@ export class HostLobbyModal extends LitElement {
                 </label>
 
                 <label
-                  for="disable-nukes"
+                  for="host-modal-disable-nukes"
                   class="option-card ${this.disableNukes ? "selected" : ""}"
                 >
                   <div class="checkbox-icon"></div>
                   <input
                     type="checkbox"
-                    id="disable-nukes"
+                    id="host-modal-disable-nukes"
                     @change=${this.handleDisableNukesChange}
                     .checked=${this.disableNukes}
                   />