Stacked view
Some events have one market. Others have ten. The 2024 election had markets on winner, popular vote, swing states, Senate control, and more — all related, all tradeable separately. Stacked View groups these sub-markets under a single expandable EventStackCard so you can see all the angles at once.How to enable
In the category sidebar, toggle the view mode from Normal to Stacked. The market grid reorganizes instantly. Toggle back to return to the flat grid.How it works
1
Markets grouped by event_id
Polymarket assigns an
event_id to related markets. Supermission’s worker API pre-groups markets by this ID. The useGroupedMarkets hook provides the grouped data to the UI.2
EventStackCard rendering
Events with 2+ sub-markets render as an EventStackCard — a single card showing:
- Event title
- Number of sub-markets (badge)
- Aggregate volume across all sub-markets
- Price preview from the highest-volume sub-market
3
Click to expand
Click an event card to expand the accordion. All sub-markets appear as a nested list with individual prices, volumes, countdown timers, and trade buttons. Each sub-market is clickable to open the full detail panel.
4
Single-market events
Events with only one market render as normal MarketCards — no wrapping, no accordion. You won’t notice these are any different from the normal grid.
Performance
Stacked View uses the same@tanstack/react-virtual virtualization as Normal View. Only visible event cards and their expanded sub-markets are rendered in the DOM. Infinite scroll pagination works identically — more events load as you scroll near the bottom.