From a7721edecd420e4c2acd770f55391a3b91ae46f7 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Fri, 10 Feb 2023 05:00:47 +0100
Subject: [PATCH] Stock status  in variations

---
 components/Product/SingleProduct.component.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Product/SingleProduct.component.jsx b/components/Product/SingleProduct.component.jsx
index 25d6454be..bf8cae813 100644
--- a/components/Product/SingleProduct.component.jsx
+++ b/components/Product/SingleProduct.component.jsx
@@ -105,18 +105,18 @@ const SingleProduct = ({ product }) => {
                   <select
                     id="variant"
                     name="variant"
-                    className="block w-64 px-6 py-2 bg-white border border-gray-500 rounded-lg focus:outline-none focus:shadow-outline"
+                    className="block w-80 px-6 py-2 bg-white border border-gray-500 rounded-lg focus:outline-none focus:shadow-outline"
                     onChange={(e) => {
                       setselectedVariation(e.target.value);
                     }}
                   >
                     {product.variations.nodes.map(
-                      ({ id, name, databaseId }) => {
+                      ({ id, name, databaseId, stockQuantity }) => {
                         // Remove product name from variation name
                         const filteredName = name.split('- ').pop();
                         return (
                           <option key={id} value={databaseId}>
-                            {filteredName}
+                            {filteredName} - ({stockQuantity} på lager)
                           </option>
                         );
                       }