Initialize Account Dashboard Page #1811

AtelyPham · 2023-10-31T20:58:18Z

Summary of changes

Provide a detailed description of proposed changes.

Initialize the Account Dashboard page
Integrate Wallet Connection & Account Creation Flow with Dashboard
Fix active item in sidebar doesn't update accurately
Transition active source chain selection card to dropdown menu
Integrate wallet connection & account creation flow with dashboard
Migrate notes tables and management features to dashboard
Implement core account control features (Deposit, Transfer, Withdraw)
Enable hide account data feature

Proposed area of change

Put an x in the boxes that apply.

Reference issue to close (if applicable)

Specify any issues that can be closed from these changes (e.g. Closes #233).

Screen Recording

If possible provide a screen recording of proposed change.

https://share.cleanshot.com/VGYF6jX9

…tem is inactive

…new menu item

github-actions · 2023-10-31T21:09:50Z

✅ Deploy Preview for bridge-dapp development is ready! Thanks for the contribution @AtelyPham

Name	Link
🔨 Latest commit	18f19bec75235b43dade641296579391d48df9bc
🔍 Latest deploy log	https://app.netlify.com/sites/development-hubble-bridge/deploys/65416d1877d212085f5cc565
😎 Deploy Preview	https://65416d1877d212085f5cc565--development-hubble-bridge.netlify.app

To edit notification comments on pull requests, go to your Netlify site settings.

github-actions · 2023-10-31T21:10:05Z

✅ Deploy Preview for stats-dapp development is ready! Thanks for the contribution @AtelyPham

Name	Link
🔨 Latest commit	18f19bec75235b43dade641296579391d48df9bc
🔍 Latest deploy log	https://app.netlify.com/sites/development-stats/deploys/65416d27824b3408c01a6c21
😎 Deploy Preview	https://65416d27824b3408c01a6c21--development-stats.netlify.app

To edit notification comments on pull requests, go to your Netlify site settings.

github-actions · 2023-10-31T21:16:34Z

✅ Deploy Preview for webb faucet is ready! Thanks for the contribution @AtelyPham

Name	Link
🔨 Latest commit	18f19bec75235b43dade641296579391d48df9bc
🔍 Latest deploy log	https://app.netlify.com/sites/webb-faucet/deploys/65416ea1617b0c095680f70f
😎 Deploy Preview	https://65416ea1617b0c095680f70f--webb-faucet.netlify.app

To edit notification comments on pull requests, go to your Netlify site settings.

monaiuu · 2023-10-31T22:11:08Z

@AtelyPham Side note, rather than implementing a disabled cursor when hovering over account on the side nav, let's prompt user to connect wallet and create note account instead.

AtelyPham · 2023-11-01T06:34:50Z

@AtelyPham Side note, rather than implementing a disabled cursor when hovering over account on the side nav, let's prompt user to connect wallet and create note account instead.

In my opinion, prompting users with a wallet selection modal or a note account creation modal when they click on the Account tab may seem counter-intuitive. It alters the expected function of the Account tab. Rather than displaying these modals, we could present clear instructions on how to access the feature. For instance, we could say, "To access this feature, you must connect a wallet and create a note account."

monaiuu · 2023-11-01T15:04:50Z

@AtelyPham Side note, rather than implementing a disabled cursor when hovering over account on the side nav, let's prompt user to connect wallet and create note account instead.

In my opinion, prompting users with a wallet selection modal or a note account creation modal when they click on the Account tab may seem counter-intuitive. It alters the expected function of the Account tab. Rather than displaying these modals, we could present clear instructions on how to access the feature. For instance, we could say, "To access this feature, you must connect a wallet and create a note account."

Prompting users to connect their wallet when they access the 'Account' tab inherently indicates the necessity of a wallet connection and account creation to access the account feature, consistent with login experience where credentials are required to access account. The 'create note account' modal also serves as an instruction, if an account hasn't been created yet. Using a disabled cursor gives the impression that the application is malfunctioning.

I think we should prioritize "show, don't tell" approach by guiding the user through direct user interactions rather than relying on more written instructions to make the experience more straightforward.

github-actions · 2023-11-02T12:11:35Z

✅ Deploy Preview for bridge-dapp development is ready! Thanks for the contribution @vutuanlinh2k2

Name	Link
🔨 Latest commit	4d34cdf1e2d325d3f33aa8e92a3bab6f086be15c
🔍 Latest deploy log	https://app.netlify.com/sites/development-hubble-bridge/deploys/654391f3c52411008ec847aa
😎 Deploy Preview	https://654391f3c52411008ec847aa--development-hubble-bridge.netlify.app

To edit notification comments on pull requests, go to your Netlify site settings.

github-actions · 2023-11-02T12:13:49Z

✅ Deploy Preview for stats-dapp development is ready! Thanks for the contribution @vutuanlinh2k2

Name	Link
🔨 Latest commit	4d34cdf1e2d325d3f33aa8e92a3bab6f086be15c
🔍 Latest deploy log	https://app.netlify.com/sites/development-stats/deploys/65439278cd21c3007606803b
😎 Deploy Preview	https://65439278cd21c3007606803b--development-stats.netlify.app

To edit notification comments on pull requests, go to your Netlify site settings.

github-actions · 2023-11-02T12:18:18Z

✅ Deploy Preview for webb faucet is ready! Thanks for the contribution @vutuanlinh2k2

Name	Link
🔨 Latest commit	4d34cdf1e2d325d3f33aa8e92a3bab6f086be15c
🔍 Latest deploy log	https://app.netlify.com/sites/webb-faucet/deploys/65439377f9f0dc043a9bbfa7
😎 Deploy Preview	https://65439377f9f0dc043a9bbfa7--webb-faucet.netlify.app

To edit notification comments on pull requests, go to your Netlify site settings.

…er click on the Account tab

github-actions · 2023-11-02T19:06:19Z

✅ Deploy Preview for stats-dapp development is ready! Thanks for the contribution @AtelyPham

Name	Link
🔨 Latest commit	bcb11b73196fb1fa4311678197b3aa99c3d98687
🔍 Latest deploy log	https://app.netlify.com/sites/development-stats/deploys/6543f326daa3b34ca142681e
😎 Deploy Preview	https://6543f326daa3b34ca142681e--development-stats.netlify.app

To edit notification comments on pull requests, go to your Netlify site settings.

github-actions · 2023-11-02T19:08:20Z

✅ Deploy Preview for bridge-dapp development is ready! Thanks for the contribution @AtelyPham

Name	Link
🔨 Latest commit	bcb11b73196fb1fa4311678197b3aa99c3d98687
🔍 Latest deploy log	https://app.netlify.com/sites/development-hubble-bridge/deploys/6543f3a0d052e248b5dcd1e5
😎 Deploy Preview	https://6543f3a0d052e248b5dcd1e5--development-hubble-bridge.netlify.app

To edit notification comments on pull requests, go to your Netlify site settings.

github-actions · 2023-11-02T19:08:47Z

✅ Deploy Preview for webb faucet is ready! Thanks for the contribution @AtelyPham

Name	Link
🔨 Latest commit	bcb11b73196fb1fa4311678197b3aa99c3d98687
🔍 Latest deploy log	https://app.netlify.com/sites/webb-faucet/deploys/6543f3b18fe7d045ae38f5f1
😎 Deploy Preview	https://6543f3b18fe7d045ae38f5f1--webb-faucet.netlify.app

To edit notification comments on pull requests, go to your Netlify site settings.

AtelyPham added 28 commits October 25, 2023 15:43

refactor: move Suspense component into webb-ui-components

024d2c9

feat: add note account to sidebar and implement authenticated route

1b3ba55

fix: sidebar link issue

9e49e9f

feat: add Account to sidebar and fix the link warnings

56ea282

refactor: add side bar hook to access the note account state

2917ba3

feat: add isDisabled prop to SideBar.Item and SideBar.SubItem

c374dc4

chore: move account components to account page

646cc5f

fix: layout shift on sidebar and remove auto collapse dropdown when i…

3a87dba

…tem is inactive

chore: consolidate note download methods

bd74b62

refactor: note action logic in hook to share between tables

0a5b81b

chore: correct icon for breadcrumb

727bf19

fix: sidebar active sub menu item does not update when clicking on a …

a8d7758

…new menu item

refactor: convert active chain selection card to dropdown

4c0f596

chore: add logic for switching chains

fe44d5a

fix: unify dropdown margin

db7b46c

feat: add total shielded balance section to account summary card

779488a

feat: adding UI actions for account summary card

e5cca1c

refactor: unifying config into params provider

71af129

feat: add hidden value feature to account dashboard

43fc494

chore: add logic to handle token change and render shielded balance

12804f1

chore: hidden value for note account tables

8a3590d

fix: empty state on shielded balances card

e68803d

chore: adding amount for withdraw & transfer on note account tables

f5b714b

Merge branch 'develop' into feat/account-dashboard

f5b6018

Merge branch 'develop' into trung-tin/init-account-dashboard

58e37c1

fix: only check connection after provider has been initialized

191be79

chore: remove notes and shielded assets filter by active chain

c672176

feat: add condition to render view account button or dismiss button

18f19be

AtelyPham added the bridge Issues specific to the bridge label Oct 31, 2023

AtelyPham requested a review from monaiuu October 31, 2023 20:58

AtelyPham self-assigned this Oct 31, 2023

AtelyPham requested review from devpavan04 and vutuanlinh2k2 as code owners October 31, 2023 20:58

monaiuu approved these changes Oct 31, 2023

View reviewed changes

vutuanlinh2k2 approved these changes Nov 1, 2023

View reviewed changes

chore: add receive modal

4d34cdf

AtelyPham added 2 commits November 3, 2023 01:58

feat: adding logic for connect wallet and create note account when us…

8444041

…er click on the Account tab

chore: remove the old navigate to select active source chain card

bcb11b7

chore [skip ci]: add link to note account page for learn more button

2399adf

AtelyPham merged commit 04cb272 into feature/account-dashboard Nov 2, 2023

AtelyPham deleted the trung-tin/init-account-dashboard branch November 2, 2023 20:23

vutuanlinh2k2 mentioned this pull request Nov 21, 2023

[FEAT] Redirect Users to Account Dashboard Upon Successful Transaction #1809

Closed

1 task

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Initialize Account Dashboard Page #1811

Initialize Account Dashboard Page #1811

AtelyPham commented Oct 31, 2023 •

edited by vutuanlinh2k2

Loading

github-actions bot commented Oct 31, 2023

github-actions bot commented Oct 31, 2023

github-actions bot commented Oct 31, 2023

monaiuu commented Oct 31, 2023

AtelyPham commented Nov 1, 2023

monaiuu commented Nov 1, 2023 •

edited

Loading

github-actions bot commented Nov 2, 2023

github-actions bot commented Nov 2, 2023

github-actions bot commented Nov 2, 2023

github-actions bot commented Nov 2, 2023

github-actions bot commented Nov 2, 2023

github-actions bot commented Nov 2, 2023

Initialize Account Dashboard Page #1811

Initialize Account Dashboard Page #1811

Conversation

AtelyPham commented Oct 31, 2023 • edited by vutuanlinh2k2 Loading

Summary of changes

Proposed area of change

Reference issue to close (if applicable)

Screen Recording

github-actions bot commented Oct 31, 2023

github-actions bot commented Oct 31, 2023

github-actions bot commented Oct 31, 2023

monaiuu commented Oct 31, 2023

AtelyPham commented Nov 1, 2023

monaiuu commented Nov 1, 2023 • edited Loading

github-actions bot commented Nov 2, 2023

github-actions bot commented Nov 2, 2023

github-actions bot commented Nov 2, 2023

github-actions bot commented Nov 2, 2023

github-actions bot commented Nov 2, 2023

github-actions bot commented Nov 2, 2023

AtelyPham commented Oct 31, 2023 •

edited by vutuanlinh2k2

Loading

monaiuu commented Nov 1, 2023 •

edited

Loading