make checkbox text clickable

bcgov · Sep 6, 2024 · a8678f8 · a8678f8
1 parent 82515ed
commit a8678f8
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/frontend/src/app/components/modal/manage-provisions/AddProvisionModal.tsx b/frontend/src/app/components/modal/manage-provisions/AddProvisionModal.tsx
@@ -107,7 +107,13 @@ const AddProvisionModal: React.FC<AddProvisionModalProps> = ({ show, addProvisio
           </Form.Group>
 
           <Form.Group className="mb-3" style={{ marginLeft: '15px', marginTop: '30px' }}>
-            <Form.Check type="checkbox" label="Enable List" checked={listEnabled} onChange={handleListEnabledChange} />
+            <Form.Check
+              type="checkbox"
+              id="listEnabledCheckbox"
+              label={<label htmlFor="listEnabledCheckbox">Enable List</label>}
+              checked={listEnabled}
+              onChange={handleListEnabledChange}
+            />
           </Form.Group>
 
           {listEnabled ? (

diff --git a/frontend/src/app/components/modal/manage-provisions/forms/EditProvisionModalForm.tsx b/frontend/src/app/components/modal/manage-provisions/forms/EditProvisionModalForm.tsx
@@ -133,7 +133,13 @@ const EditProvisionModalForm: React.FC<EditProvisionModalFormProps> = ({
           </Form.Group>
 
           <Form.Group className="mb-3" style={{ marginLeft: '15px', marginTop: '30px' }}>
-            <Form.Check type="checkbox" label="Enable List" checked={listEnabled} onChange={handleListEnabledChange} />
+            <Form.Check
+              type="checkbox"
+              id="listEnabledCheckbox"
+              label={<label htmlFor="listEnabledCheckbox">Enable List</label>}
+              checked={listEnabled}
+              onChange={handleListEnabledChange}
+            />
           </Form.Group>
 
           {listEnabled ? (