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

Temporary catch operation

Browse Source
This commit is contained in:
cond0r 2021-06-10 13:55:31 +03:00
parent 396a708e23
commit 5630c073c6
1 changed files with 22 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
components/product/ProductView/ProductView.tsx
View File

@ -61,31 +61,29 @@ const ProductView: FC<ProductViewProps> = ({ product, relatedProducts }) => {
<ProductSidebar product={product} className={s.sidebar} /> <ProductSidebar product={product} className={s.sidebar} />
</div> </div>
<hr className="mt-7 border-accent-2" /> <hr className="mt-7 border-accent-2" />
{relatedProducts.length && ( <section className="py-12 px-6 mb-10">
<section className="py-12 px-6 mb-10"> <Text variant="sectionHeading">Related Products</Text>
<Text variant="sectionHeading">Related Products</Text> <div className={s.relatedProductsGrid}>
<div className={s.relatedProductsGrid}> {relatedProducts.map((p) => (
{relatedProducts.map((p) => ( <div
<div key={p.path}
className="animated fadeIn bg-accent-0 border border-accent-2"
>
<ProductCard
noNameTag
product={p}
key={p.path} key={p.path}
className="animated fadeIn bg-accent-0 border border-accent-2" variant="simple"
> className="animated fadeIn"
<ProductCard imgProps={{
noNameTag width: 300,
product={p} height: 300,
key={p.path} }}
variant="simple" />
className="animated fadeIn" </div>
imgProps={{ ))}
width: 300, </div>
height: 300, </section>
}}
/>
</div>
))}
</div>
</section>
)}
</Container> </Container>
<NextSeo <NextSeo
title={product.name} title={product.name}