This is likely due to Flipside and Compound using different block times. Can confirm with the web3 query for the rates, where I compute the APY with the block times.

Also, should take daily average from flipside (not just a point in the day)

Update: messaged Flipside folks and they fixed it on their end

See figma for how these should look. Should also use a tooltip package for position calcs

This is likely due to an issue with computing the utilization in the request. Start there to debug

This is like a toggle, gas modal has this exact same one

Make sure its responsive, also change the component name to navbar not header

When you select 3 month data, with DAI or other assets and toggle between supply and borrow, one of them has wild y-axis tick values!

Issue seems to be resolved with new chart formatting

This is a bit tricky, because we need to change the tooltip close logic to have it stay open when you mouse over to the tooltip.

The idea is that the tooltip needs to stay open while we hover over on top of it so that we can interact with the links (otherwise it is just a tease).

Compute the average in 'query.js', and return that with the current data

https://www.figma.com/file/hclXdF6Sz2fkOlnn7ZLr6t/Compound-APY-Dashboard?node-id=424%3A6624

Quick fix in main setting background to no repeat

Currently the border color is weird, can you add to the figma file how the hover over tooltip on the chart should look (the one that shows the date)

Only clickable when active, and only close when clicking the x (just like google finance)

https://www.figma.com/file/hclXdF6Sz2fkOlnn7ZLr6t/Compound-APY-Dashboard?node-id=428%3A176

This data is not yet provided by Flipside, message them about plans to add (and also ask about backlogged data)

Once the data is added, this ticket will be closed by:

• adding the coins to COINS in constants
• adding the coins svg image assets
• Adding the coins to makeQueryV2.py, rerunning that script, and updating the queries in flipside

Like uniswap tables, click the header to filter by that, click again to filter in the other direction (asc, desc)

Filter function is there, need to add the filter by interaction (onClick) and arrows

See figma for how these should look

This is a blocker for many of the other tickets below.

Notable changes:

• new spacing naming convention (suggest we have it as spacing.XXS, spacing.XS, ...)
• new text color naming convention
• more/different background colors
• Border radius
• New screen size query values - remove the ones we aren't using

Make sure it's responsive, also there is a bug where you can't scroll down to it, so fix that

This would be a change in the flipside query, right now for the long term data I take an arbitrary (but consistent) point during the day. It would be better to take the daily average if the query can be executed quickly.

https://www.figma.com/file/hclXdF6Sz2fkOlnn7ZLr6t/Compound-APY-Dashboard?node-id=409%3A6489

#Instantaneous Core Data for each market:

• Value supplied
• Value borrowed
• Collateral factor
• num borrowers
• num suppliers
• Reserve factor
• Borrow cap
• Borrow rate
• Supply rate
• Asset price
• borrow distribution APY (missing from comp API)
• supply distribution APY (missing from comp API)

Derived data:

• TVL: sup - borrow
• Max borrow: min(borrow cap, sup*colat factor)
• Available liquidity: borrow - max borrow
• Interest paid per day
• Utilization: borrow/max borrow

https://www.figma.com/file/hclXdF6Sz2fkOlnn7ZLr6t/Compound-APY-Dashboard?node-id=426%3A1033

Make it responsive, and have the hover state defined in figma

Right now they come from svg's that we made, but it would be better to extract these from trust wallets assets (like uniswap does).

This is tricky, the center column needs to be wide enough to not juggle when the price changes, and also accommodate WBTC2. But it seems they are even wider than necessairy

How does the gas look for each market, or do we keep the modal?

Has powered by, and made by (see Figma)

Done in previous tickets