Expose Wallet Balance in GoodDapp & Simple Dapp

[patpedrosa]

Currently MiniPay and GoodDapp mobile users can only see their cUSD / CELO balance (respectively) - which leads them to confusion after a claim, as their main balance doesn't change.

This issue is to implement GoodDollar wallet balance to the dApp (simple, mobile and desktop) at the header bar, and allow the user to tap / click to expand and see all GOOD-related tokens.

[L03TJ3]

@patpedrosa Is this about the top-left price?

[patpedrosa]

@L03TJ3 We're putting this in the backlog for now.

[decentralauren]

Figma file https://www.figma.com/file/ihw1PxBvLxacTHnN2aj4lC/3.-Product-%F0%9F%92%B5?type=design&node-id=10159-4857&mode=design&t=sU6Df5VHiwqk2ncd-0

[decentralauren]

@L03TJ3 updated title - you're right it should just be displaying balance not conversion.

[SanaJamm]

this is the figma file for this card: https://www.figma.com/file/ihw1PxBvLxacTHnN2aj4lC?node-id=10159:4857&mode=design#658583658

to explain the animation of how this acts.. when pressing the wallet icon, the window slides down. it closes when pressing the wallet icon or anywhere on the screen. if the user presses on the menu button while the wallet balance is also open, then it closes and the other way around.

[vldkhh]

@L03TJ3 @patpedrosa @decentralauren verified on dev

[L03TJ3]

@decentralauren @patpedrosa @SanaJamm

Kindly do the qa review, this is the last item to be PR'd before release today

[patpedrosa]

top nav g$ balance is not center aligned with the icon. when i open the modal on my screen, it opens outside of my viewport.

[SanaJamm]

I'll add to Pat's comment.. not only that the balance is not centered with the icon. but everything in the top navbar doesn't seem center aligned. the space below the logo, balance and menu seems larger than the topper part

[L03TJ3]

@SanaJamm

2. noted
3. We are talking just the mobile view not aligned right? desktop is fine?

[L03TJ3]

@SanaJamm This should be it right?

[vldkhh]

verified on prod