Skip to content

Add search, sort, and filter system for list pages#62

Merged
stylessh merged 1 commit intomainfrom
stylessh/search-sort-filter
Apr 11, 2026
Merged

Add search, sort, and filter system for list pages#62
stylessh merged 1 commit intomainfrom
stylessh/search-sort-filter

Conversation

@stylessh
Copy link
Copy Markdown
Owner

Summary

  • Add a reusable FilterBar component with instant text search (by title, repo, author), sort dropdown (updated, newest, oldest, comments, title), and Linear-style two-level filter pills for Repository, Author, and Status fields
  • Filters use AND logic across fields and OR within a field; pills show avatars for authors and colored icons for status, with stacked avatars and "+N selected" when more than 3 values are chosen
  • Integrate into pulls, issues, and reviews pages — filters apply within each group and sidebar counts update to reflect filtered results
  • Persist filter/sort state per page in a diffkit-filters cookie, read server-side in loaders to avoid SSR flash
  • Export new icons (SortIcon, UserCircleIcon, Remove01Icon) from @diffkit/icons

Test plan

  • Verify text search filters by title, repository name, and author login across all three pages
  • Verify filter pills can be added, combined, and removed; values toggle correctly in the value picker
  • Verify sort options work correctly for each sort type
  • Verify filter state persists across page navigations and full page reloads (cookie persistence)
  • Verify no SSR flash on reload with active filters
  • Verify dropdown panels don't overflow the viewport on narrow layouts

Implement a reusable FilterBar component with instant text search, sort dropdown,
and Linear-style two-level filter pills (field picker → value picker) for
Repository, Author, and Status fields. Filter state persists via cookies
read server-side to avoid SSR flash.
@cloudflare-workers-and-pages
Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
diffkit 7fef977 Commit Preview URL

Branch Preview URL
Apr 11 2026, 04:40 AM

@stylessh stylessh merged commit 641996f into main Apr 11, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant