crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-04 12:11:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Sort PLP

Browse Source
This commit is contained in:
tniezg 2021-07-28 16:06:35 +02:00
parent 2209731d72
commit a86bcd1d98
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
framework/spree/product/use-search.tsx
View File

@ -6,6 +6,13 @@ import normalizeProduct from '../utils/normalizeProduct'
import type { GraphQLFetcherResult } from '@commerce/api' import type { GraphQLFetcherResult } from '@commerce/api'
import { IProducts } from '@spree/storefront-api-v2-sdk/types/interfaces/Product' import { IProducts } from '@spree/storefront-api-v2-sdk/types/interfaces/Product'
const nextToSpreeSortMap: { [key: string]: string } = {
'trending-desc': 'updated_at', // Spree has no "trending" filter. Use updated_at.
'latest-desc': 'updated_at',
'price-asc': 'price',
'price-desc': '-price',
}
export const handler: SWRHook<SearchProductsHook> = { export const handler: SWRHook<SearchProductsHook> = {
fetchOptions: { fetchOptions: {
url: '__UNUSED__', url: '__UNUSED__',
@ -13,7 +20,6 @@ export const handler: SWRHook<SearchProductsHook> = {
}, },
async fetcher({ input, options, fetch }) { async fetcher({ input, options, fetch }) {
// This method is only needed if the options need to be modified before calling the generic fetcher (created in createFetcher). // This method is only needed if the options need to be modified before calling the generic fetcher (created in createFetcher).
// TODO: Actually filter by input and query.
console.info( console.info(
'useSearch fetcher called. Configuration: ', 'useSearch fetcher called. Configuration: ',
@ -34,6 +40,8 @@ export const handler: SWRHook<SearchProductsHook> = {
} }
: {} : {}
const sort = input.sort ? { sort: nextToSpreeSortMap[input.sort] } : {}
const { data: spreeSuccessResponse } = await fetch< const { data: spreeSuccessResponse } = await fetch<
GraphQLFetcherResult<IProducts> GraphQLFetcherResult<IProducts>
>({ >({
@ -44,6 +52,7 @@ export const handler: SWRHook<SearchProductsHook> = {
include: 'variants,images,option_types,variants.option_values', include: 'variants,images,option_types,variants.option_values',
per_page: 50, per_page: 50,
...filter, ...filter,
...sort,
}, },
], ],
}, },