Desktop/Mobile - Vault names + Logos + Boost

[DesignTheBlock]

Figma link Desktop Figma link Mobile Figma Link 900 Figma Link 1200

Vault name

• [x] Vault name should show the protocol + name of the tokens that need to be deposited in the vault (e.g. Convex - Tricrypto2, Mstable - imBTC, Sushiswap - wBTC/ibBTC...)

  

• [x] Each vault name should start with a capital letter

Logos and Tags

• [x] #1551
• [ ] Only tokens logos to be shown: shown horizontally and middle aligned with Vault name and Boost
• [ ] If a vault has a tag, it should be shown under the logos, the tag is bottom aligned with the Boost and the logos are bottom aligned with the vault name

Boost

• [x] Below each vault we should see if a vault is boosted or non-boosted. There are only 2 options.
• [x] For the Boosted vaults, a rocket emoji is shown in front it. When the user is connected he can see his boost. If the user is not connected yet My Boost shows as 0%
• [x] For the non-boosted vaults, My Boost doesn't appear below the APR even if the user is connected.

My Deposits

• [x] When the user is not connected yet he should see the column My Deposits with $-

  

• [x] When user is connected, he should see his deposits always at the top

  

[eliobricenov]

@DesignTheBlock are we introducing the filters and search with this feature? 🚀

[DesignTheBlock]

@eliobricenov I'm still finalising, but it should be with you really soon