feat: enable filtering by price

Blazity · Feb 19, 2024 · 193f9da · 193f9da
1 parent 5ef02ce
commit 193f9da
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 5 deletions.
diff --git a/apps/web/views/Search/Facets.tsx b/apps/web/views/Search/Facets.tsx
@@ -142,11 +142,27 @@ export function Facets({ facetDistribution }: any) {
           <div className="grid gap-2">
             <Label>
               Min price
-              <input className="ml-2 inline-flex" type="number" value={minPrice || undefined} onChange={(e) => setMinPrice(+e.target.value)} />
+              <input
+                className="ml-2 inline-flex"
+                type="number"
+                value={minPrice || undefined}
+                onChange={(e) => {
+                  setMinPrice(+e.target.value)
+                  setPage(1)
+                }}
+              />
             </Label>
             <Label>
               Max price
-              <input className="ml-2 inline-flex" type="number" value={maxPrice || undefined} onChange={(e) => setMaxPrice(+e.target.value)} />
+              <input
+                className="ml-2 inline-flex"
+                type="number"
+                value={maxPrice || undefined}
+                onChange={(e) => {
+                  setMaxPrice(+e.target.value)
+                  setPage(1)
+                }}
+              />
             </Label>
           </div>
         </AccordionContent>

diff --git a/apps/web/views/Search/SearchView.tsx b/apps/web/views/Search/SearchView.tsx
@@ -67,13 +67,11 @@ export async function SearchView({ searchParams }: { searchParams: Record<string
     filter.and().where("minPrice", ComparisonOperators.LessThan, parsedSearchParams.maxPrice)
   }
 
-  console.log(filter.build())
-
   const meilisearchResults = await index.search(parsedSearchParams.q, {
     sort: parsedSearchParams.sortBy ? [parsedSearchParams.sortBy] : undefined,
     hitsPerPage: 25,
     facets: ["collections.title", "tags", "vendor", "variants.availableForSale", "flatOptions.Size", "flatOptions.Color", "minPrice"],
-    // filter: "minPrice < 94.0",
+    filter: filter.build(),
     page: parsedSearchParams.page,
   })