Create new Deposit/Withdraw Widget #149
Description
What type of issue is this?
Feature
What needs to be shipped?
It is time to start building out some of the ideas that are being developed in the UX consulting work. A good first place to start seems to be a new deposit/withdraw/stake/claim family of widgets. These are mostly stand-alone and could conceivably be dropped into our current flow with limited modification.
The base element can be seen in this figma file: https://www.figma.com/design/CjA0gRa5ize7Po9oJCt7r7/Yearn-Website-mockups?node-id=323-759
Base Architecture
The goal here would be to use the stack from the NEXTGEN section of the website to develop these components and try to build into it all the existing yearn.fi functionality. It should be able to handle:
- basic v3 vaults
- basic v2 vaults
- vanilla ERC4626
- v2 and v3 vault staking. This needs thought as there are a number of ways that staking is implemented.
- veYFI gauges
- vanilla staking contracts (however the arb rewards are done)
- yBold style where no rewards are earned unless staked.
- others that may exist and be found in researching how the existing yearn.fi staking and rewards work.
- Bonus points for finding an elegant incorporation of yield splitter contracts
While I am saying above that it needs all existing functionality, when exploring the different legacy and current functionalities, if it makes sense to not support something then that should be proposed and explicitly noted.
The styling and final designed functionality may be slightly different from what is shown in the figma, but going through the process of building it will help us determine the best path forward.