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>
   );