Design: Bets / Active Bets Page #87
Description
Description
Design the page that shows the user’s active bets and event-level summary (e.g. events table with odds, time remaining).
Requirements and context
- Elements: Events table (title, event ID, category, odds, dates, time remaining, status), search/filters, active bets component/section.
- States: With data; empty; loading.
- Theme: Consistent with Events and My Predictions (tables, badges).
Design deliverables
- Main layout with events table and active bets area
- Filter and search bar
- Empty state
- Responsive table (e.g. card layout on mobile)
Current implementation reference: app/(dashboard)/bets/page.tsx