fix(suite): Disable Check device button when disconnected

trezor · Aug 15, 2024 · 3396117 · 3396117
1 parent 2fa5ac5
commit 3396117
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/packages/suite/src/views/settings/SettingsDevice/AuthenticateDevice.tsx b/packages/suite/src/views/settings/SettingsDevice/AuthenticateDevice.tsx
@@ -10,7 +10,11 @@ import {
 } from 'src/components/suite';
 import { useDispatch } from 'src/hooks/suite';
 
-export const AuthenticateDevice = () => {
+interface AuthenticateDeviceProps {
+    isDeviceLocked: boolean;
+}
+
+export const AuthenticateDevice = ({ isDeviceLocked }: AuthenticateDeviceProps) => {
     const dispatch = useDispatch();
 
     const handleClick = () => dispatch(openModal({ type: 'authenticate-device' }));
@@ -23,7 +27,7 @@ export const AuthenticateDevice = () => {
                 buttonLink={HELP_CENTER_DEVICE_AUTHENTICATION}
             />
             <ActionColumn>
-                <ActionButton variant="secondary" onClick={handleClick}>
+                <ActionButton variant="secondary" onClick={handleClick} isDisabled={isDeviceLocked}>
                     <Translation id="TR_CHECK_ORIGIN" />
                 </ActionButton>
             </ActionColumn>

diff --git a/packages/suite/src/views/settings/SettingsDevice/SettingsDevice.tsx b/packages/suite/src/views/settings/SettingsDevice/SettingsDevice.tsx
@@ -158,7 +158,9 @@ export const SettingsDevice = () => {
                         {pinProtection && <ChangePin isDeviceLocked={isDeviceLocked} />}
                         <Passphrase isDeviceLocked={isDeviceLocked} />
                         {safetyChecks && <SafetyChecks isDeviceLocked={isDeviceLocked} />}
-                        {supportsDeviceAuthentication && <AuthenticateDevice />}
+                        {supportsDeviceAuthentication && (
+                            <AuthenticateDevice isDeviceLocked={isDeviceLocked} />
+                        )}
                     </SettingsSection>
 
                     <SettingsSection title={<Translation id="TR_PERSONALIZATION" />} icon="PALETTE">