feat(marketplace): add RefinementPanel with faceted search - #1
Open
CodedTricks wants to merge 1 commit into
Open
feat(marketplace): add RefinementPanel with faceted search#1CodedTricks wants to merge 1 commit into
CodedTricks wants to merge 1 commit into
Conversation
…dger-stellar#1031) Add RefinementPanel component providing advanced faceted filtering: - Dual-handle range sliders for Price (0–1000 USDC/tCO₂) and Carbon Reduction (0–1M tCO₂) with accessible ARIA labels - Vintage year range picker with min/max selects (2015–current year) - Multi-select verifier chips (Verra, Gold Standard, ACR, CAR) with toggle-button semantics (role=checkbox, aria-checked) - All filter state persists in URL query params (debounced, 250 ms) - Results update dynamically via client-side filtering on top of API data - Clear all filters button resets sliders + chips + URL params - Desktop: vertical sidebar panel; mobile: bottom-sheet drawer - Integrate RefinementPanel into marketplace page with responsive two-column layout (sidebar collapses to drawer on ≤ 767 px) - Extend FilterState and filtersFromParams to carry verifiers field Closes Carbon-Ledger-stellar#1031
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Implements advanced faceted search refinements for the Marketplace page.
What was implemented
New component:
RefinementPanel<select>dropdowns (from/to) covering 2015–current yearrole=checkbox+aria-checkedsemanticsUpdated:
MarketplaceFilterFilterStateinterface andfiltersFromParamsto carry averifiersfieldUpdated:
marketplace/page.tsxRefinementPanelas a sticky left sidebar in a two-column CSS grid layoutWhat was tested
BulkPurchaseWizard.tsxnot introduced by this PR)Closes Carbon-Ledger-stellar#1031