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

fix: sort button visual and filter by variant metafield

Browse Source 
Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
This commit is contained in:
Chloe
2024-05-07 13:30:26 +07:00
parent 305fe3d458
commit 145eb3eaed
9 changed files with 109 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
lib/shopify/index.ts
View File

@@ -2,8 +2,10 @@ import {
AVAILABILITY_FILTER_ID,
HIDDEN_PRODUCT_TAG,
PRICE_FILTER_ID,
PRODUCT_METAFIELD_PREFIX,
SHOPIFY_GRAPHQL_API_ENDPOINT,
TAGS
TAGS,
VARIANT_METAFIELD_PREFIX
} from 'lib/constants';
import { isShopifyError } from 'lib/type-guards';
import { ensureStartsWith, normalizeUrl, parseMetaFieldValue } from 'lib/utils';
@@ -38,6 +40,7 @@ import {
Menu,
Money,
Page,
PageInfo,
Product,
ProductVariant,
ShopifyAddToCartOperation,
@@ -182,16 +185,35 @@ const reshapeFilters = (filters: ShopifyFilter[]): Filter[] => {
for (const filter of filters) {
const values = filter.values
.map((valueItem) => {
try {
if (filter.id === AVAILABILITY_FILTER_ID) {
return {
...valueItem,
...(![AVAILABILITY_FILTER_ID, PRICE_FILTER_ID].includes(filter.id)
? { value: JSON.parse(valueItem.input).productMetafield.value }
: { value: JSON.parse(valueItem.input) })
value: JSON.parse(valueItem.input).available
};
} catch (error) {
return null;
}
if (filter.id === PRICE_FILTER_ID) {
return {
...valueItem,
value: JSON.parse(valueItem.input)
};
}
if (filter.id.startsWith(PRODUCT_METAFIELD_PREFIX)) {
return {
...valueItem,
value: JSON.parse(valueItem.input).productMetafield.value
};
}
if (filter.id.startsWith(VARIANT_METAFIELD_PREFIX)) {
return {
...valueItem,
value: JSON.parse(valueItem.input).variantMetafield.value
};
}
return null;
})
.filter(Boolean) as Filter['values'];
@@ -345,7 +367,7 @@ export async function getCollectionProducts({
reverse?: boolean;
sortKey?: string;
filters?: Array<object>;
}): Promise<{ products: Product[]; filters: Filter[] }> {
}): Promise<{ products: Product[]; filters: Filter[]; pageInfo: PageInfo }> {
const res = await shopifyFetch<ShopifyCollectionProductsOperation>({
query: getCollectionProductsQuery,
tags: [TAGS.collections, TAGS.products],
@@ -359,12 +381,18 @@ export async function getCollectionProducts({
if (!res.body.data.collection) {
console.log(`No collection found for \`${collection}\``);
return { products: [], filters: [] };
return {
products: [],
filters: [],
pageInfo: { startCursor: '', hasNextPage: false, endCursor: '' }
};
}
const pageInfo = res.body.data.collection.products.pageInfo;
return {
products: reshapeProducts(removeEdgesAndNodes(res.body.data.collection.products)),
filters: reshapeFilters(res.body.data.collection.products.filters)
filters: reshapeFilters(res.body.data.collection.products.filters),
pageInfo
};
}