wip: filter panel for art stamps #661
Conversation
islands/datacontrol/FilterToggle.tsx
Outdated
| <div | ||
| class={`relative flex flex-col items-center gap-1 rounded-md h-fit border-stamp-purple-bright text-stamp-purple-bright`} | ||
| > | ||
| <Badge text="1" /> |
There was a problem hiding this comment.
TODO: count number of applied filters to populate this badge
| } from "./StampFilterPane.tsx"; | ||
| import { expect } from "jsr:@std/expect"; | ||
|
|
||
| Deno.test("filterToQueryParams - does not encode false values", () => { |
There was a problem hiding this comment.
TODO: unit tests to make sure the encoding and decode to ui state and query params works
| } | ||
|
|
||
| export function queryParamsToServicePayload(query: string) { | ||
| return filtersToServicePayload(queryParamsToFilters(query)); |
There was a problem hiding this comment.
this will eventually be where we map the query params to the body the service is expecting to filter better.
reinamora137
force-pushed
the
gjr/use-breakpoints
branch
from
b49323c to
6e7c1d2
Compare
|
Nice idea with displaying the amount of filters activated ! Think it would look better if it was positioned top/left instead - either purple or grey background
|
|
An alternative design option to checkboxes is having the text selectable
|
|
fyi - the icon pack used |
Thanks. I was just letting the agent make me some |
…TCStampsExplorer into gjr/filter-panel
…d the sort into stamp header
some early renders of desktop and mobile views