fix: add w5 label to dev menu 2fa activation

tonkeeper · Dec 23, 2024 · 1c95720 · 1c95720
1 parent e935210
commit 1c95720
Showing 1 changed file with 17 additions and 5 deletions.
diff --git a/packages/uikit/src/pages/settings/Dev.tsx b/packages/uikit/src/pages/settings/Dev.tsx
@@ -7,7 +7,7 @@ import { CloseIcon, SpinnerIcon } from '../../components/Icon';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { AppKey } from '@tonkeeper/core/dist/Keys';
 import { ListBlock, ListItem, ListItemPayload } from '../../components/List';
-import { Label1 } from '../../components/Text';
+import { Body3, Label1 } from '../../components/Text';
 import { Switch } from '../../components/fields/Switch';
 import { Badge } from '../../components/shared';
 import styled from 'styled-components';
@@ -40,6 +40,15 @@ const CookieSettings = () => {
     return <SettingsList items={items} />;
 };
 
+const TextColumns = styled.div`
+    display: flex;
+    flex-direction: column;
+
+    & > ${Body3} {
+        color: ${p => p.theme.textSecondary};
+    }
+`;
+
 const TextAndBadge = styled.div`
     display: flex;
     align-items: center;
@@ -54,10 +63,13 @@ const EnableTwoFASettings = () => {
         <ListBlock>
             <ListItem hover={false}>
                 <ListItemPayload>
-                    <TextAndBadge>
-                        <Label1>Enable 2FA</Label1>
-                        <Badge color="textSecondary">Experimental</Badge>
-                    </TextAndBadge>
+                    <TextColumns>
+                        <TextAndBadge>
+                            <Label1>Enable 2FA</Label1>
+                            <Badge color="textSecondary">Experimental</Badge>
+                        </TextAndBadge>
+                        <Body3>Available only for W5 wallets</Body3>
+                    </TextColumns>
                     <Switch
                         disabled={!devSettings}
                         checked={!!devSettings?.twoFAEnabled}