CP-12309 - Account overview page #3357

bogdandobritoiu · 2025-11-20T10:53:16Z

Description

Ticket: CP-12309
Ticket: CP-12312

Please provide:

Wallet overview screen

refactored the UI
improved the ListScreen header + content calculations for animations
Created a component WalletList which is shared from both manage accounts and portfolio. There is a slight difference in the screen background color + WalletCard style for this new screen vs manage accounts
Updated the BalanceHeader on Portfolio to show the wallet name above the balance
Sort accounts by useRecentAccounts in each wallet

Screenshots/Videos

Simulator.Screen.Recording.-.26.-.2025-11-24.at.18.02.08.mov

Screen_recording_20251124_190505.webm

Testing

Dev Testing (if applicable)

iOS - 6639
Android - 6640

Single Wallet

Press the balance to open up the new screen
Verify the screen is working as expected (same functionality as old manage accounts)
Verify add account below the wallet accounts list

Multiple wallets

add a new wallet using seed phrase
Verify if wallet name + icon shows up on portfolio
Toggle between accounts to see them getting sorted by last accessed account
Add another wallet and try adding new accounts
Switch between accounts with multiple wallets

QA Testing (if applicable)

Provide instructions for QA to test this feature thoroughly
State expected behavior / acceptance criteria

Checklist

Please check all that apply (if applicable)

I have performed a self-review of my code
I have verified the code works
I have included screenshots / videos of android and ios
I have added testing steps
I have added/updated necessary unit tests
I have updated the documentation

B0Y3R-AVA · 2025-11-24T18:22:43Z

packages/k2-alpine/src/components/Header/BalanceHeader.tsx

  ])

+  const renderWalletIcon = useCallback((): JSX.Element => {
+    if (walletIcon === 'ledger') {


nice touch here, love this

packages/core-mobile/app/new/features/wallets/components/WalletList.tsx

B0Y3R-AVA · 2025-11-24T19:34:32Z

packages/core-mobile/app/new/features/wallets/components/WalletBalance.tsx

+import { selectIsPrivacyModeEnabled } from 'store/settings/securityPrivacy'
+
+export const WalletBalance = ({
+  // wallet,


can we remove this?

We need this to display the new wallet balance implementation

B0Y3R-AVA · 2025-11-24T19:34:39Z

packages/core-mobile/app/new/features/wallets/components/WalletBalance.tsx

+  balanceSx,
+  variant = 'spinner'
+}: {
+  // wallet: Wallet


it's for integrating the new wallet balance request

B0Y3R-AVA · 2025-11-24T19:35:04Z

packages/core-mobile/app/new/features/wallets/components/WalletBalance.tsx

+  const isBalanceAccurate = true
+  const isLoadingBalance = false
+  const refetchBalance = useCallback(() => {
+    // dispatch(refetchBalanceForAccount(account.id))


any reason to keep this commented out? is it related to the Todo above?

yes, it's for integrating the new wallet balance request

B0Y3R-AVA · 2025-11-24T19:35:48Z

packages/core-mobile/app/new/features/wallets/components/WalletBalance.tsx

+  const { formatCurrency } = useFormatCurrency()
+
+  // TODO: get wallet balance
+  const walletBalance = 74235


guess we dont want to keep these hardcoded values in?

Yes, iit's for integrating the new wallet balance request

B0Y3R-AVA · 2025-11-24T19:44:13Z

packages/core-mobile/app/new/common/components/WalletCard.tsx

+            balanceSx={{
+              color: isActive ? colors.$textPrimary : colors.$textSecondary
+            }}
+            // wallet={wallet}


feel like we should pass the wallet in here?

it's for the wallet balance integration

bogdandobritoiu · 2025-11-24T22:03:30Z

Also added reused useRecentAccounts to sort the accounts based off latest accessed account

Simulator.Screen.Recording.-.26.-.2025-11-24.at.23.02.42.mov

bogdandobritoiu · 2025-11-25T18:39:33Z

Added accordion animation

Simulator.Screen.Recording.-.26.-.2025-11-25.at.19.37.32.mov

bogdandobritoiu · 2025-11-25T20:13:55Z

new dev builds
iOS - 6644
Android - 6645

bogdandobritoiu added 19 commits November 18, 2025 09:57

create route

c4253c3

ListScreen fixes + portfolio UI updates

96f2d06

Merge branch 'main' into CP-12309

29596f9

walletlistitem

191471c

replace GroupList with AccountListItem

db2c590

fix active wallet

a651695

replaced map with flatlist for accounts

bd88b4f

small fix

5f818f1

fix top header in ListScreen

26e785c

lint

9202498

snap to top or bottom

ecdf5dd

snap to top or bottom

ed8f36f

polish

cca14ec

format ListScreen

a73963f

refactor

503c6fa

fix state recalculations

0234f3e

add refresh

ed3dd69

merge fix

3256123

fix ledger icon

525f84d

bogdandobritoiu marked this pull request as ready for review November 24, 2025 17:24

bogdandobritoiu requested review from B0Y3R-AVA, atn4z7, onghwan and ruijialin-avalabs as code owners November 24, 2025 17:24

bogdandobritoiu added 3 commits November 24, 2025 18:50

lint

9b1bffc

added ledger icon

c89d62d

lint

33e2f68

B0Y3R-AVA reviewed Nov 24, 2025

View reviewed changes

small refactor

3405369

B0Y3R-AVA reviewed Nov 24, 2025

View reviewed changes

packages/core-mobile/app/new/features/wallets/components/WalletList.tsx Show resolved Hide resolved

bogdandobritoiu added 2 commits November 24, 2025 20:09

small refactor

ea5840b

small refactor

4065bdf

B0Y3R-AVA reviewed Nov 24, 2025

View reviewed changes

bogdandobritoiu added 4 commits November 24, 2025 22:39

Merge branch 'main' into CP-12309

bdfd982

reused recentAccounts to resort

5df2b8f

small fix

410d216

add recentAccounts to imported and secondary wallet

e4cc243

bogdandobritoiu added 7 commits November 24, 2025 23:16

remove max Accounts and display first 5 on AccountList

5ed8b2a

loading

9283ef2

fix isAddingAccount

2db04c1

lint

3b23fe2

remove create a new account option

a7a59dc

add accordion animation

4ce80c1

small animation fix

43b5802

B0Y3R-AVA previously approved these changes Nov 26, 2025

View reviewed changes

merge fix

163ee3f

bogdandobritoiu dismissed B0Y3R-AVA’s stale review via 163ee3f November 26, 2025 15:13

B0Y3R-AVA previously approved these changes Nov 26, 2025

View reviewed changes

Merge branch 'main' into CP-12309

34c0567

bogdandobritoiu requested a review from alexnicolae-ava as a code owner December 1, 2025 13:48

fixed active button gap + sorting animation delay

3f5c9ba

bogdandobritoiu dismissed B0Y3R-AVA’s stale review via 3f5c9ba December 1, 2025 14:01

extra check

e32caa7

CP-12309 - Account overview page #3357

Are you sure you want to change the base?

CP-12309 - Account overview page #3357

Uh oh!

Conversation

bogdandobritoiu commented Nov 20, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Screenshots/Videos

Testing

Checklist

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

bogdandobritoiu commented Nov 24, 2025

Uh oh!

bogdandobritoiu commented Nov 25, 2025

Uh oh!

bogdandobritoiu commented Nov 25, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

bogdandobritoiu commented Nov 20, 2025 •

edited

Loading