Legislation Search Page UI

[calebyhan]

Motivation

The legislation search is the most interactive public feature — it mimics senate.gov's approach with search + filters + paginated results. This is a core deliverable for the project.

Deliverables

• Build /legislation/page.tsx with:
  • Search input (searches across title, bill number, summary)
  • Filter dropdowns: Status (Introduced, In Committee, Passed, Failed), Type (Bill, Resolution, Nomination), Session number
  • Paginated results table: bill number, title, sponsor, status, date introduced
  • Each row links to /legislation/[id]
• Wire to getLegislation() with search/filter params
• Filters and search should update URL query params (shareable URLs)
• Pagination controls (Previous / Next + page number)

Important Notes

• Depends on Shadcn Setup + Global Layout Shell + Navbar #7 (layout), TypeScript Types + API Client #9 (API client)
• Use Shadcn Input, Select, and Table components
• Debounce the search input (300ms) to avoid excessive API calls
• Use mock data if backend is not ready