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

feat: add sku to pdp details

Browse Source 
Signed-off-by: jrphilo <james.philo@me.com>
This commit is contained in:
jrphilo 2024-07-08 09:21:56 +02:00
parent e3148ce02a
commit 86d0ec631c
No known key found for this signature in database
GPG Key ID: A8BAD7933F97046F
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/product/vairant-details.tsx
View File

@ -30,12 +30,19 @@ const VariantDetails = ({ variants, defaultPrice }: VariantDetailsProps) => {
<div className="mt-2 flex items-center justify-start gap-x-2"> <div className="mt-2 flex items-center justify-start gap-x-2">
{variant?.availableForSale ? ( {variant?.availableForSale ? (
<div className="flex items-center gap-1 text-sm text-green-500"> <div className="flex items-center gap-1 text-sm text-green-500">
<CheckCircleIcon className="size-5" /> In Stock <CheckCircleIcon className="size-5" /> <strong>In Stock</strong>
</div> </div>
) : ( ) : (
<span className="text-sm text-red-600">Out of Stock</span> <span className="text-sm text-red-600">Out of Stock</span>
)} )}
<p className="text-sm">Condition: {variant?.condition || 'N/A'}</p> <span className="text-sm">|</span>
<p className="text-sm">
<strong>SKU:</strong> {variant?.sku || 'N/A'}
</p>
<span className="text-sm">|</span>
<p className="text-sm">
<strong>Condition:</strong> {variant?.condition || 'N/A'}
</p>
</div> </div>
</div> </div>
); );