Stock status in variations

Author: w3bdesign

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