The quantities shown in the treasury chart and graph in the dashboard are not accurate: https://yam.finance/#/dashboard.

In order to make this manageable going forward we need additional tools and flexibility to build the underlying data and keep this accurate. This is not easy (I know as I have to keep track of it all for rebalancing). We have recently moved funds around to different wallets and will continue to do this with yamSynths, fuse pools etc.

Ideally, we would have an updated list of the different treasury wallets and backend infrastructure that queries these wallets to populate an API that that front-end then uses to populate.

From sheet.

Icons all around the project have to be as an SVG file and signed as components (for example https://www.npmjs.com/package/svg-sprite#basic-examples with such package)

For at least rounded buttons should be used component SynthsRoundedButton.vue

Create the in page sidebar component, where we will be using it for the mentioned points below, keep in mind the different devices sizes while working on this.

• Mint position
• Redeem your position
• Settle

Create 3 charts components using chartjs, follow the theme we have on the design.

• normal chart component
• longshort chart component
• returns at expiry chart component

• api endpoint for the synths cards
• API: /synths/upunks/price-history
• API: /synths/{cycle}/index-history
• Data API: /median-history
• SDK: synth spot price with the Graph
• tvl, marketcap, lp, volume last 24h
• API: /tvl
• API: marketcap
• API: lp TBD
• API: volume last 24h TBD
• links, button function
• GitBook: https://docs.yam.finance/

• vuetify
• tailwind

Pointer Events problems

No hover effect

• sdk

• component from design
• initialize wallets
• autoconnect wallet address
• network connection functionality
• autoconnect network
• copy address
• go to etherscan
• disconnect

• ethers