Skip to content

feat: add search, filter, sort, and grid/list view toggle to dashboard#7

Open
marko-k0 wants to merge 1 commit intokuberik:mainfrom
marko-k0:feat/dashboard-ui-changes
Open

feat: add search, filter, sort, and grid/list view toggle to dashboard#7
marko-k0 wants to merge 1 commit intokuberik:mainfrom
marko-k0:feat/dashboard-ui-changes

Conversation

@marko-k0
Copy link
Copy Markdown

Summary

  • Add search bar, collapsible filter panel (namespace, bake status, readiness, has-upgrades), and sort dropdown to the rollout list page
  • Add list/grid view toggle — list view shows full card details, grid view shows compact multi-column cards for at-a-glance overview
  • Add summary stats bar (total, healthy, failing, upgrades available) above the rollout list
  • Add color-coded card borders based on bake status and persist all user preferences to localStorage

Test plan

  • Verify stats bar shows correct counts matching actual rollout data
  • Test search filtering by rollout name, title, and description
  • Test namespace/bake status/readiness pill filters toggle on/off correctly
  • Test "Has upgrades" filter isolates rollouts with pending upgrades
  • Verify sort options (newest/oldest, name A-Z/Z-A, most upgrades) reorder correctly
  • Toggle "Group by namespace" on/off and verify grouping behavior
  • Switch between list and grid views and verify layout changes
  • Verify color-coded borders (left in list, top in grid) match bake status
  • Confirm empty state appears when filters match nothing, with working "Clear all filters" button
  • Refresh page and verify preferences (filters, sort, view mode) persist via localStorage
  • Test responsive layout on mobile (stats 2x2 grid, controls stack vertically)

🤖 Generated with Claude Code

Add comprehensive UI improvements to the rollout list page:
- Search bar filtering by name, title, and description
- Collapsible filter panel with namespace, bake status, readiness, and
  upgrades-available pill toggles
- Sort dropdown (newest/oldest, name A-Z/Z-A, most upgrades) with
  group-by-namespace toggle
- List/grid view toggle with compact multi-column grid view
- Summary stats bar showing total, healthy, failing, and upgrade counts
- Color-coded card borders based on bake status
- User preferences persisted to localStorage
- Empty state with clear-filters action when no results match

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
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