fix: fix bug with sign out not working and add style improvements

leather-io · Dec 14, 2023 · ae7f486 · ae7f486
1 parent baec9de
commit ae7f486
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/app/pages/sign-out-confirm/sign-out-confirm.layout.tsx b/src/app/pages/sign-out-confirm/sign-out-confirm.layout.tsx
@@ -27,6 +27,8 @@ export function SignOutConfirmLayout(props: SignOutConfirmLayoutProps) {
     },
   });
 
+  const canSignOut = form.values.confirmBackup && form.values.confirmPasswordDisable;
+
   return (
     <BaseDrawer
       title="Sign out"
@@ -44,11 +46,14 @@ export function SignOutConfirmLayout(props: SignOutConfirmLayoutProps) {
             Cancel
           </LeatherButton>
           <LeatherButton
-            _hover={{ background: 'error.label' }}
+            _hover={{ opacity: 0.8 }}
             background="error.label"
+            color="lightModeBrown.1"
+            opacity={!canSignOut ? 0.8 : undefined}
             data-testid={SettingsSelectors.BtnSignOutActuallyDeleteWallet}
             flexGrow={1}
-            disabled={!(form.values.confirmBackup && form.values.confirmPasswordDisable)}
+            disabled={!canSignOut}
+            onClick={() => canSignOut && onUserDeleteWallet()}
             type="submit"
           >
             Sign out