Add feedback while we update the cart

Author: w3bdesign

components/Cart/AddToCartButton.component.jsx

@@ -5,7 +5,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { useQuery, useMutation } from '@apollo/react-hooks';
 
 import { AppContext } from 'utils/context/AppContext';
-import LoadingSpinner from '../LoadingSpinner/LoadingSpinner.component';
+import LoadingSpinner from 'components/LoadingSpinner/LoadingSpinner.component';
 
 import { GET_CART } from 'utils/const/GQL_QUERIES';
 import { ADD_TO_CART } from 'utils/const/GQL_MUTATIONS';

components/Cart/CartPage/CartItemsContainer.component.jsx

@@ -13,6 +13,7 @@ import {
 import PageTitle from 'components/Header/PageTitle.component';
 import RegularCart from './RegularCart.component';
 import MobileCart from './MobileCart.component';
+import LoadingSpinner from 'components/LoadingSpinner/LoadingSpinner.component';
 
 import { GET_CART } from 'utils/const/GQL_QUERIES';
 import { UPDATE_CART } from 'utils/const/GQL_MUTATIONS';
@@ -103,6 +104,17 @@ const CartItemsContainer = () => {
                   </button>
                 </Link>
               </div>
+              {updateCartProcessing && (
+                <>
+                  <div className="mt-4 text-xl text-left">
+                    Oppdaterer antall, vennligst vent ...
+                    <br />
+                  </div>
+                  <div>
+                    <LoadingSpinner />
+                  </div>
+                </>
+              )}
             </div>
           ) : (
             <div className="p-6 mx-auto mt-5">