Merge branch 'frontend-lnsettings-fix-checkboxes' into staging-ln

BitBoxSwiss · Nov 26, 2024 · ae9c842 · ae9c842
2 parents 9e864f2 + ae7e67b
commit ae9c842
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/frontends/web/src/routes/lightning/activate.tsx b/frontends/web/src/routes/lightning/activate.tsx
@@ -20,7 +20,7 @@ import { useNavigate } from 'react-router-dom';
 import { Header, Main } from '../../components/layout';
 import { View, ViewButtons, ViewContent, ViewHeader } from '../../components/view/view';
 import { MultilineMarkup, SimpleMarkup } from '../../utils/markup';
-import { Button, Checkbox, Label } from '../../components/forms';
+import { Button, Checkbox } from '../../components/forms';
 import { PointToBitBox02 } from '../../components/icon';
 import { TKeystores, getKeystores, subscribeKeystores } from '../../api/keystores';
 import { unsubscribe } from '../../utils/subscriptions';
@@ -112,9 +112,12 @@ export const LightningActivate = () => {
               tagName="p"
               markup={t('lightning.activate.disclaimer.content')}
             />
-            <Label htmlFor="confirm">
-              <Checkbox id="confirm" onChange={() => setAgree(!agree)} checked={agree} />I have read the information above
-            </Label>
+            <Checkbox
+              id="confirm"
+              onChange={() => setAgree(!agree)}
+              checked={agree}>
+              I have read the information above
+            </Checkbox>
           </ViewContent>
           <ViewButtons>
             <Button primary disabled={!agree} onClick={() => waitForConnect()}>

diff --git a/frontends/web/src/routes/lightning/deactivate.tsx b/frontends/web/src/routes/lightning/deactivate.tsx
@@ -20,7 +20,7 @@ import { useNavigate } from 'react-router-dom';
 import { Header, Main } from '../../components/layout';
 import { View, ViewButtons, ViewContent } from '../../components/view/view';
 import { MultilineMarkup } from '../../utils/markup';
-import { Button, Checkbox, Label } from '../../components/forms';
+import { Button, Checkbox } from '../../components/forms';
 import { postDeactivateNode } from '../../api/lightning';
 import { Status } from '../../components/status/status';
 import { Spinner } from '../../components/spinner/Spinner';
@@ -60,9 +60,12 @@ export const LightningDeactivate = () => {
               markup={`Shutting down your lightning wallet will disconnect you from the Greenlight server and you will no longer be able to use your lightning wallet to send and receive.
               Funds on your lightning wallet are not affected, you can still access them again by enabling lightning in the settings and connecting the BitBox02 wallet used to make that wallet.`}
             />
-            <Label htmlFor="confirm">
-              <Checkbox id="confirm" onChange={() => setAgree(!agree)} checked={agree} />I have read the information above
-            </Label>
+            <Checkbox
+              id="confirm"
+              onChange={() => setAgree(!agree)}
+              checked={agree}>
+              I have read the information above
+            </Checkbox>
           </ViewContent>
           <ViewButtons>
             <Button danger disabled={!agree} onClick={() => dectivateNode()}>