Merge pull request #163 from w3bdesign/development

Development

Author: w3bdesign

components/Cart/AddToCartButton.component.jsx

@@ -1,5 +1,4 @@
 import { useState, useContext } from 'react';
-import { request } from 'graphql-request';
 
 import { v4 as uuidv4 } from 'uuid';
 
@@ -18,9 +17,6 @@ import {
   removeItemFromCart,
 } from 'utils/functions/functions';
 
-import { addFirstProduct } from 'utils/functions/functions';
-import { updateCart } from 'utils/functions/functions';
-
 /**
  * Display and process product object when we click on the Add To Cart button
  * Adds product to shopping cart
@@ -44,9 +40,7 @@ const AddToCartButton = (props) => {
     onCompleted: () => {
       // Update cart in the localStorage.
       const updatedCart = getFormattedCart(data);
-
       localStorage.setItem('woocommerce-cart', JSON.stringify(updatedCart));
-
       // Update cart data in React Context.
       setCart(updatedCart);
     },
@@ -87,18 +81,24 @@ const AddToCartButton = (props) => {
 
   return (
     <>
-      <button
-        onClick={handleAddToCartClick}
-        className="px-4 py-2 font-bold bg-white border border-gray-400 border-solid rounded hover:bg-gray-400"
-      >
-        KJØP
-      </button>
+      {!addToCartLoading && (
+        <button
+          onClick={handleAddToCartClick}
+          className="px-4 py-2 font-bold bg-white border border-gray-400 border-solid rounded hover:bg-gray-400"
+        >
+          KJØP
+        </button>
+      )}
       {addToCartLoading && (
-        <div className="text-xl text-center">
-          Legger i handlekurv, vennligst vent ...
-          <br />
-          <LoadingSpinner />
-        </div>
+        <>
+          <div className="mt-4 text-xl text-left">
+            Legger i handlekurv, vennligst vent ...
+            <br />
+          </div>
+          <div className="absolute ml-32">
+            <LoadingSpinner />
+          </div>
+        </>
       )}
     </>
   );

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "nextjs-woocommerce",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -21,7 +21,6 @@
     "apollo-link-error": "^1.1.13",
     "apollo-link-http": "^1.5.17",
     "graphql": "^15.2.0",
-    "graphql-request": "^2.0.0",
     "graphql-tag": "^2.10.3",
     "next": "^9.4.4",
     "nprogress": "^0.2.0",