From 15896f8b6c836731b668de271b9eb9feb3f0907b Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Fri, 10 Feb 2023 04:58:17 +0100
Subject: [PATCH 1/4] Stock display on single product

---
 components/Product/SingleProduct.component.jsx | 8 ++++++++
 utils/gql/GQL_QUERIES.js                       | 1 +
 2 files changed, 9 insertions(+)

diff --git a/components/Product/SingleProduct.component.jsx b/components/Product/SingleProduct.component.jsx
index aa842fa0f..6f214de4a 100644
--- a/components/Product/SingleProduct.component.jsx
+++ b/components/Product/SingleProduct.component.jsx
@@ -91,6 +91,14 @@ const SingleProduct = ({ product }) => {
               <p className="pt-1 mt-4 text-2xl text-gray-900">
                 {DESCRIPTION_WITHOUT_HTML}
               </p>
+              {product.stockQuantity && (
+                <p
+                  v-if="data.product.stockQuantity"
+                  class="pt-1 mt-4 mb-4 text-2xl text-gray-900"
+                >
+                  {product.stockQuantity} in stock
+                </p>
+              )}
               {product.variations && (
                 <p className="pt-1 mt-4 text-xl text-gray-900">
                   <span className="py-2">Varianter</span>
diff --git a/utils/gql/GQL_QUERIES.js b/utils/gql/GQL_QUERIES.js
index f06cb1e4c..3a4e36c66 100644
--- a/utils/gql/GQL_QUERIES.js
+++ b/utils/gql/GQL_QUERIES.js
@@ -22,6 +22,7 @@ export const GET_SINGLE_PRODUCT = gql`
         regularPrice
         price
         id
+        stockQuantity
       }
       ... on VariableProduct {
         salePrice

From 248d3c8130078307420647b0db5129e12e118fd4 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Fri, 10 Feb 2023 04:58:48 +0100
Subject: [PATCH 2/4] Fix translation

---
 components/Product/SingleProduct.component.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Product/SingleProduct.component.jsx b/components/Product/SingleProduct.component.jsx
index 6f214de4a..25d6454be 100644
--- a/components/Product/SingleProduct.component.jsx
+++ b/components/Product/SingleProduct.component.jsx
@@ -96,7 +96,7 @@ const SingleProduct = ({ product }) => {
                   v-if="data.product.stockQuantity"
                   class="pt-1 mt-4 mb-4 text-2xl text-gray-900"
                 >
-                  {product.stockQuantity} in stock
+                  {product.stockQuantity} på lager
                 </p>
               )}
               {product.variations && (

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 3/4] 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>
                         );
                       }

From ff2f0ec9dd3b5d05fd8af925d652830fde28bf3a Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Fri, 10 Feb 2023 05:01:46 +0100
Subject: [PATCH 4/4] Version 1.1.2

---
 README.md    | 3 ++-
 package.json | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 7da5a6457..01ecd0107 100644
--- a/README.md
+++ b/README.md
@@ -75,7 +75,7 @@ The current release has been tested and is confirmed working with the following
 
 ## Features
 
--   Next.js version 13.0.3
+-   Next.js version 13.1.6
 -   React 18
 -   Connect to Woocommerce GraphQL API and list name, price and display image for products
 -   Support for simple products and variable products
@@ -90,6 +90,7 @@ The current release has been tested and is confirmed working with the following
 -   Shows page load progress with Nprogress during navigation
 -   Fully responsive design
 -   Category and product listings
+-   Show stock status
 -   Pretty URLs with builtin Nextjs functionality
 -   Tailwind 3 for styling
 -   JSDoc comments
diff --git a/package.json b/package.json
index cbfa532da..0a98c8ae6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nextjs-woocommerce",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Next.js WooCommerce webshop",
   "main": "index.js",
   "scripts": {