fix: toggle text and icon when hiding account

leather-io · Dec 12, 2024 · 63cab41 · 63cab41
1 parent f2b2866
commit 63cab41
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 9 deletions.
diff --git a/apps/mobile/maestro/flows/hide-account.yaml b/apps/mobile/maestro/flows/hide-account.yaml
@@ -14,11 +14,18 @@ appId: io.leather.mobilewallet
     id: 'walletListAccountCard'
 - tapOn:
     text: 'Hide account'
+- assertVisible: 'Unhide account'
 - tapOn:
     id: 'backButton'
 - assertNotVisible:
     id: 'walletListAccountCard'
 - tapOn:
     text: 'Hidden accounts 1 hidden accounts'
-- assertVisible:
+- tapOn:
     id: 'walletListAccountCard'
+- tapOn: Unhide account
+- tapOn:
+    id: 'backButton'
+- tapOn:
+    id: 'backButton'
+- assertVisible: Hidden accounts 0 hidden accounts
diff --git a/apps/mobile/src/app/(home)/settings/wallet/configure/[wallet]/[account]/index.tsx b/apps/mobile/src/app/(home)/settings/wallet/configure/[wallet]/[account]/index.tsx
@@ -27,6 +27,7 @@ import { z } from 'zod';
 import {
   Box,
   Eye1ClosedIcon,
+  Eye1Icon,
   HeadIcon,
   PassportIcon,
   SheetRef,
@@ -124,14 +125,25 @@ function ConfigureAccount({ fingerprint, accountIndex, account }: ConfigureAccou
               });
             }}
           />
-          <SettingsListItem
-            title={t({
-              id: 'configure_account.hide_account.cell_title',
-              message: 'Hide account',
-            })}
-            icon={<Eye1ClosedIcon />}
-            onPress={toggleHideAccount}
-          />
+          {account.status === 'active' ? (
+            <SettingsListItem
+              title={t({
+                id: 'configure_account.hide_account.cell_title',
+                message: 'Hide account',
+              })}
+              icon={<Eye1ClosedIcon />}
+              onPress={toggleHideAccount}
+            />
+          ) : (
+            <SettingsListItem
+              title={t({
+                id: 'configure_account.unhide_account.cell_title',
+                message: 'Unhide account',
+              })}
+              icon={<Eye1Icon />}
+              onPress={toggleHideAccount}
+            />
+          )}
         </SettingsList>
       </AnimatedHeaderScreenLayout>
       <AccountNameSheet name={account.name} setName={setName} sheetRef={accountNameSheetRef} />