[deposit] Dev implementation in the dApp

[jabby09]

Designs

https://www.figma.com/design/oA67X2DpUOjlpEktwaDZH7/Deposit?node-id=0-1&t=N3wez6P2Tw2so6xj-0

Requirements

• support for desktop and mobile
• new url path https://app.klimadao.finance/#/deposit
• need to show Risk Disclaimer if user enters site from the /deposit URL
• new Deposit Carbon option in side menu
• new Deposit carbon form
• only available for TC02 --> BCT
• only editable field is Deposit TC02
• MAX button fills in field with value from Available balance
• need to LOGIN to CONTINUE
• Select token dropdown modal
• lists all tokens in wallet
• indicates which tokens are compatible with BCT and greys out those as selectable
• user clicks token and that closes the modal and populates token to deposit on the form
• Error states
• form field checks to ensure user has enough available balance for deposit quantity entered

Notes

• noticing now we do not have designs for what happens after user clicks CONTINUE; but I assume there would be wallet interactions
• we can follow up on this once Codey is back from vacation
• for now can we follow the pattern used in other transactions (retire and buy) in the dApp?

[0xMakka]

@jabby09 not sure if have rights but could you enable me access on the figma file while Codey is on vacation?

[0xMakka]

@cujowolf @Atmosfearful do you happen to have a reference to the contract to call for this flow?