♻️ enhan: not show fresh product item when empty

:%s
This commit is contained in:
lytrankieio123
2021-10-04 16:41:23 +07:00
parent 68f4e5beb5
commit 6ad8f75c67
3 changed files with 10 additions and 14 deletions

View File

@@ -1,5 +1,5 @@
import { ProductCard } from '@commerce/types/product';
import { ProductVariables } from '@framework/api/operations/get-all-products';
import { Product } from '@framework/schema';
import commerce from '@lib/api/commerce';
import { GetStaticPropsContext } from 'next';
import { Layout } from 'src/components/common';
@@ -8,8 +8,8 @@ import HomeSpice from 'src/components/modules/home/HomeSpice/HomeSpice';
import { getAllFeaturedFacetId, getFreshProductFacetId } from 'src/utils/funtion.utils';
interface Props {
freshProducts: Product[],
featuredProducts: Product[],
freshProducts: ProductCard[],
featuredProducts: ProductCard[],
}
export default function Home({ freshProducts, featuredProducts }: Props) {
@@ -74,7 +74,7 @@ export async function getStaticProps({
return {
props: {
freshProducts: rs[0].products,
freshProducts: freshFacetId ? rs[0].products : [],
featuredProducts: rs[1].products
},
revalidate: 60,

View File

@@ -1,11 +1,15 @@
import { ProductCard } from '@commerce/types/product'
import { Product } from '@framework/schema'
import React from 'react'
import { CollectionCarcousel } from '..'
interface FreshProductsProps {
data: Product[]
data: ProductCard[]
}
const FreshProducts = ({data}: FreshProductsProps) => {
const FreshProducts = ({ data }: FreshProductsProps) => {
if (data.length === 0) {
return null
}
return (
<div className="w-full">
<CollectionCarcousel

View File

@@ -95,14 +95,6 @@ const dataTest = [
const HomeCollection = (props: HomeCollectionProps) => {
return (
<div className="w-full">
<CollectionCarcousel
type="highlight"
data={dataTest}
itemKey="product-1"
title="Fresh Products Today"
subtitle="Last call! Shop deep deals on 100+ bulk picks while you can."
category={"veggie"}
/>
<CollectionCarcousel
data={dataTest}
itemKey="product-2"