Merge pull request #358 from w3bdesign/develop

Remove nested template literal

Author: w3bdesign

components/Cart/AddToCartButton.component.jsx

@@ -70,13 +70,15 @@ const AddToCartButton = ({ product }) => {
     addToCart();
   };
 
+  // Separate out conditions here for increased readability
+  const fadeInButton = addToCartLoading && `animate__animated animate__fadeOutUp`;
+  const fadeOutButton = showAddToCart && `animate__animated animate__fadeInDown`;
+
   return (
     <>
       <button
         onClick={handleAddToCartClick}
-        className={`px-4 py-2 font-bold bg-white border border-gray-400 border-solid rounded hover:bg-gray-400 ${
-          addToCartLoading && `animate__animated animate__fadeOutUp`
-        } ${showAddToCart && `animate__animated animate__fadeInDown`}`}
+        className={`px-4 py-2 font-bold bg-white border border-gray-400 border-solid rounded hover:bg-gray-400 ${fadeInButton} ${fadeOutButton}`}
       >
         KJØP
       </button>

package.json

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