Centrifuge App: transfer CFG to EVM address

[sophialittlejohn]

Description

This pull request...

• implements drawer for sending and receiving CFG (click on portfolio --> Holdings --> CFG row or prime --> aave --> Holdings --> CFG row)
• adds CFG price chart in drawer, accessible from both prime and portfolio pages
• changes the inputs background color to white and primary button color to blue as a first step towards new inputs
• improves the x-axis tick styles for all charts

Still missing:

• transaction table in drawer (requires subql work --> follow up #1726)

#1710
#1669

Approvals

• Dev
• Dev
• Designer
• Product

Screenshots

Impact

[hieronx]

One other comment @sophialittlejohn: the Centrifuge token should only show up when you are connected to the Centrifuge network, not any other EVM network

[annamehr]

@sophialittlejohn

• One minor comment to change the token name to CFG instead of Centrifuge. Similar to what's been shared in the design.
• Can you add the same tooltip that you added to the price in the slide over to the price in the holdings section as well? It's a legal requirement.

[hieronx]

@sophialittlejohn can you also change the denomination of CFG in the Market value column to USD instead of USDT?

Also maybe mismatching with design, but tiny change: can you change CFG Price to CFG price (no capital P), Ethereum Address to Ethereum address and Centrifuge native address?

[hieronx]

Ran into 1 bug: if you try to transfer the max amount of CFG, the transfer will fail, because then you cannot pay the transaction fees. So the max amount should actually be CFG balance - estimated transaction fee.

[hieronx]

Ran into 1 bug: if you try to transfer the max amount of CFG, the transfer will fail, because then you cannot pay the transaction fees. So the max amount should actually be CFG balance - estimated transaction fee.

Confirmed this is fixed now, nice work!

[github-actions]

PR deployed in Google Cloud
URL: https://app-pr1720.k-f.dev
Commit #: 14b10c7
To access the functions directly check the corresponding deploy Action