Merge pull request #356 from w3bdesign/develop

Show regular price if on sale

components/Product/SingleProduct.component.jsx

@@ -3,7 +3,7 @@ import { useState, useEffect } from 'react';
 import AddToCartButton from 'components/Cart/AddToCartButton.component';
 import LoadingSpinner from 'components/LoadingSpinner/LoadingSpinner.component';
 
-import WOO_CONFIG  from 'utils/config/nextConfig';
+import WOO_CONFIG from 'utils/config/nextConfig';
 
 /**
  * Shows a single product with an Add To Cart button.
@@ -58,7 +58,6 @@ const SingleProduct = ({ product }) => {
                 src={WOO_CONFIG.PLACEHOLDER_LARGE_IMAGE_URL}
               />
             )}
-
             <div className="ml-8">
               <p className="text-3xl font-bold text-left">{name}</p>
               <br />
@@ -110,7 +109,7 @@ const SingleProduct = ({ product }) => {
               )}
               <div className="pt-1 mt-2">
                 {
-                  // Display default AddToCart button if we dont have variations. If we do, send the variationId to AddToCart button
+                  // Display default AddToCart button if we do not have variations. If we do, send the variationId to AddToCart button
                 }
                 {product.variations ? (
                   <AddToCartButton product={selectedVariation} />

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextjs-woocommerce",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "NextJS WooCommerce webshop",
   "main": "index.js",
   "scripts": {

utils/gql/GQL_QUERIES.js

@@ -3,11 +3,12 @@ import { gql } from '@apollo/client';
 export const GET_SINGLE_PRODUCT = gql`
   query Product($id: ID!) {
     product(id: $id, idType: DATABASE_ID) {
-      id 
-      databaseId     
+      id
+      databaseId
       averageRating
       slug
       description
+      onSale
       image {
         id
         uri
@@ -17,10 +18,14 @@ export const GET_SINGLE_PRODUCT = gql`
       }
       name
       ... on SimpleProduct {
+        salePrice
+        regularPrice
         price
         id
       }
       ... on VariableProduct {
+        salePrice
+        regularPrice
         price
         id
         paColors {