From 86d0ec631c33b34c4d5f616731b918ee7ef8985f Mon Sep 17 00:00:00 2001
From: jrphilo <james.philo@me.com>
Date: Mon, 8 Jul 2024 09:21:56 +0200
Subject: [PATCH] feat: add sku to pdp details
Signed-off-by: jrphilo <james.philo@me.com>
---
components/product/vairant-details.tsx | 11 +++++++++--
1 file changed, 9 insertions(+), 2 deletions(-)
diff --git a/components/product/vairant-details.tsx b/components/product/vairant-details.tsx
index 6afc8bfed..2824228e2 100644
--- a/components/product/vairant-details.tsx
+++ b/components/product/vairant-details.tsx
@@ -30,12 +30,19 @@ const VariantDetails = ({ variants, defaultPrice }: VariantDetailsProps) => {
<div className="mt-2 flex items-center justify-start gap-x-2">
{variant?.availableForSale ? (
<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>
) : (
<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>
);