crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-18 23:46:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

creating dynamic product info page

Browse Source
This commit is contained in:
Samantha Kellow 2023-11-23 16:27:31 +00:00
parent 80490d88b4
commit 3d1aa2f922
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/product/product-description.tsx
View File

@ -6,6 +6,7 @@ import { SustainabilityInfo } from './sustainability-info';
import { VariantSelector } from './variant-selector';
export function ProductDescription({ product }: { product: Product }) {
const filterDeterminedOptions = product.options.filter(option => option.name !== 'Wrap')
return (
<>
<div className="mb-6 flex flex-col border-b pb-6 dark:border-neutral-700">
@ -17,11 +18,11 @@ export function ProductDescription({ product }: { product: Product }) {
/>
</div>
</div>
<VariantSelector options={product.options} variants={product.variants} />
<VariantSelector options={filterDeterminedOptions} variants={product.variants} />
<AddToCart variants={product.variants} availableForSale={product.availableForSale} />
<DescriptionContent product={product} />
<SustainabilityInfo />
{!product.tags.includes('wall') && <SustainabilityInfo />}
</>
);
}