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

✨ feat: get featured product base on facet Featured and Discount

Browse Source 
:%s
This commit is contained in:
lytrankieio123
2021-10-04 21:12:47 +07:00
parent 8898882a72
commit c6dc27ab59
3 changed files with 29 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
pages/index.tsx
View File

@@ -6,15 +6,16 @@ import { GetStaticPropsContext } from 'next';
import { Layout } from 'src/components/common';
import { FeaturedProductsCarousel, FreshProducts, HomeBanner, HomeCategories, HomeCollection, HomeCTA, HomeFeature, HomeRecipe, HomeSubscribe, HomeVideo } from 'src/components/modules/home';
import HomeSpice from 'src/components/modules/home/HomeSpice/HomeSpice';
import { getAllFeaturedFacetId, getAllFeaturedFacetValue, getFreshFacetId } from 'src/utils/funtion.utils';
import { CODE_FACET_DISCOUNT, CODE_FACET_FEATURED } from 'src/utils/constanst.utils';
import { getAllFacetValueIdsByParentCode, getAllFacetValuesForFeatuedProducts, getFreshFacetId } from 'src/utils/funtion.utils';
interface Props {
featuredFacetsValue: FacetValue[],
featuredAndDiscountFacetsValue: FacetValue[],
freshProducts: ProductCard[],
featuredProducts: ProductCard[],
}
export default function Home({ featuredFacetsValue,
export default function Home({ featuredAndDiscountFacetsValue,
freshProducts, featuredProducts }: Props) {
return (
<>
@@ -25,7 +26,7 @@ export default function Home({ featuredFacetsValue,
<HomeCollection />
<HomeVideo />
<HomeSpice />
<FeaturedProductsCarousel data={featuredProducts} featuredFacetsValue={featuredFacetsValue} />
<FeaturedProductsCarousel data={featuredProducts} featuredFacetsValue={featuredAndDiscountFacetsValue} />
<HomeCTA />
<HomeRecipe />
<HomeSubscribe />
@@ -48,11 +49,12 @@ export async function getStaticProps({
config,
preview,
})
const featuredFacetsValue = getAllFeaturedFacetValue(facets)
const featuredAndDiscountFacetsValue = getAllFacetValuesForFeatuedProducts(facets)
// fresh products
const freshProductvariables: ProductVariables = {}
const freshFacetId = getFreshFacetId(facets)
if (freshFacetId) {
freshProductvariables.facetValueIds = [freshFacetId]
}
@@ -62,15 +64,19 @@ export async function getStaticProps({
preview,
})
const allFeaturedFacetId = getAllFeaturedFacetId(facets)
// featured products
const allFeaturedFacetIds = getAllFacetValueIdsByParentCode(facets, CODE_FACET_FEATURED)
const allDiscountFacetIds = getAllFacetValueIdsByParentCode(facets, CODE_FACET_DISCOUNT)
const facetValueIdsForFeaturedProducts = [...allFeaturedFacetIds, ...allDiscountFacetIds]
const featuredProductsPromise = commerce.getAllProducts({
variables: {
facetValueIds: allFeaturedFacetId
facetValueIds: facetValueIdsForFeaturedProducts
},
config,
preview,
})
try {
const rs = await Promise.all([
freshProductsPromise,
@@ -79,10 +85,9 @@ export async function getStaticProps({
return {
props: {
facets,
featuredFacetsValue,
featuredAndDiscountFacetsValue,
freshProducts: freshFacetId ? rs[0].products : [],
featuredProducts: rs[1].products
featuredProducts: facetValueIdsForFeaturedProducts.length > 0 ? rs[1].products : []
},
revalidate: 60,
}