Finish yield bridge

[knoll3]

Yield Bridge

Major accomplishments

• Added the net apy chart on the bridge page
• Added the positions table on the bridge page

FIgma

https://www.figma.com/design/UbEsSn0vJrzzjdyldy3WAH/Ion-Protocol?node-id=10211-165942&t=t3q48yCx90SERO3t-0

Notes

Implements the yield bridge according to the Figma designs. There are still a number of things to add, like the APY and utilization rate calculations on the positions table which requires multiple api and contract calls. There are also a number of minor things to add:

• Finish nav drawer, adding docs, discord, and terms links
• Add user balance to the bridge input
• Add icons to positions table
• Replace lorem ipsum text
• Make sure tooltips have consistent styling
• Populate all tooltips
• Handle case where chart only has 1 or 2 points but more than 0

Expect the chart on the bridge page to look not great since there's no data. I tested it with actual data and it looks good.

Testing

If you would like to test with real data, go to useStoreInitializer.ts and replace the vaultAddress with an address that has positions.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ion-yield-bridge	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 28, 2024 6:41am