Skip to content

Update COMMIT_MESSAGE.txt#354

Open
ayaoba24 wants to merge 2 commits into
CalloraOrg:mainfrom
ayaoba24:inline-category-pill-bar
Open

Update COMMIT_MESSAGE.txt#354
ayaoba24 wants to merge 2 commits into
CalloraOrg:mainfrom
ayaoba24:inline-category-pill-bar

Conversation

@ayaoba24

@ayaoba24 ayaoba24 commented Jun 30, 2026

Copy link
Copy Markdown

closes #159

Description:
This PR surfaces category selection as a horizontally scrollable pill bar located directly above the results grid on the MarketplacePage. Because most users filter by exactly one category, exposing these options outside of the FiltersSidebar significantly reduces friction.
Key Changes:

  • Component: Created a CategoryPills.tsx component that dynamically generates pills from the existing ALL_CATEGORIES list.
  • State Synchronization: Ensured bidirectional state synchronization—toggling a category pill updates the exact same selectedCategories state as the sidebar checkboxes.
  • Reset Functionality: Added an "All" pill on the far left that visually indicates when no categories are selected and acts as a quick reset button to clear active categories.
  • Accessibility & UI: Applied aria-pressed states to active pills for screen readers. Styled the horizontal .pill-bar to gracefully overflow-scroll with a visible custom scrollbar on desktop, utilized existing design tokens, and ensured 44x44 minimum touch targets for mobile.

@drips-wave

drips-wave Bot commented Jul 2, 2026

Copy link
Copy Markdown

@ayaoba24 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@ayaoba24

ayaoba24 commented Jul 2, 2026

Copy link
Copy Markdown
Author

please kindly review and merge my pr

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.

Add an inline category pill bar above MarketplacePage results

1 participant