Explore page header

[grod220]

Desktop Skeleton:

Desktop Loaded state:

Mobile skeleton:

Mobile Loaded state:

Add penumbra background image as well 🌔

Reference: https://www.figma.com/design/xWsVprkEgEihweVN9isrGQ/DEX-(Incl.-UI-Lib)?node-id=3658-145100&node-type=canvas&t=NYogohDveZXB9V4J-0

[cronokirby]

at a first glance we can calculate these with simple queries of the pindexer summary table (take the max over all pairs, sum over all pairs, etc.), except for the number of trades, that's missing (can be added).

However, there's a genuine bit of exploration / thinking about how exactly we put things into a common numeraire (in this mockup, dollars). e.g. for the UM / OSMO pair, there's a volume in terms of UM or in terms of OSMO (the volume measures how much is trading in one direction or the other, so not just symmetrized over the price). In general, a pair might exist without there being a known price in terms of USDC; we could ignore these for the summary, but we should be cognizant that we're doing so.