Fix bugs

Author: w3bdesign

components/Cart/Cart.component.jsx

@@ -17,7 +17,7 @@ const Cart = ({ stickyNav }) => {
   return (
     <>
       <Link href="/handlekurv">
-        <a
+        <span
           className="pl-4 mt-4 no-underline inline-block"
           aria-label="Handlekurv"
         >
@@ -36,7 +36,7 @@ const Cart = ({ stickyNav }) => {
             <circle cx="10.5" cy="18.5" r="1.5" aria-label="Handlekurv" />
             <circle cx="17.5" cy="18.5" r="1.5" aria-label="Handlekurv" />
           </svg>
-        </a>
+        </span>
       </Link>
 
       {productsCount && (

components/Cart/CartPage/CartItem.component.jsx

@@ -49,8 +49,6 @@ const CartItem = ({
         });
       }
     }
-
-    refetch();
   };
   return (
     <tr className="bg-gray-100">

components/Cart/CartPage/CartItemsContainer.component.jsx

@@ -123,7 +123,7 @@ const CartItemsContainer = () => {
             <h2 className="text-lg">Ingen varer i handlekurven</h2>
             <button className="px-4 py-2 m-4 font-bold uppercase bg-white border border-gray-400 border-solid rounded hover:bg-gray-400">
               <Link href="/produkter">
-                <a>Legg til varer</a>
+                <span>Legg til varer</span>
               </Link>
             </button>
           </div>

components/Footer/Hamburger.component.jsx

@@ -92,14 +92,14 @@ const Hamburger = () => {
                   className="w-full p-4 border-t border-gray-400 border-solid rounded"
                 >
                   <Link href={href} passHref>
-                    <a
+                    <span
                       className="inline-block px-4 py-2 no-underline hover:text-black hover:underline"
                       onClick={() => {
                         setisExpanded((prevExpanded) => !prevExpanded);
                       }}
                     >
                       {title}
-                    </a>
+                    </span>
                   </Link>
                 </li>
               </FadeLeftToRightItem>

components/Footer/Stickynav.component.jsx

@@ -24,16 +24,16 @@ const Stickynav = () => (
         <ul className="items-center justify-between pt-4 text-base text-gray-700 md:flex md:pt-0">
           <li>
             <Link href="/produkter">
-              <a className="inline-block py-2 pr-4 text-xl font-bold no-underline hover:underline">
+              <span className="inline-block py-2 pr-4 text-xl font-bold no-underline hover:underline">
                 Produkter
-              </a>
+              </span>
             </Link>
           </li>
           <li>
             <Link href="/kategorier">
-              <a className="inline-block py-2 pr-4 text-xl font-bold no-underline hover:underline">
+              <span className="inline-block py-2 pr-4 text-xl font-bold no-underline hover:underline">
                 Kategorier
-              </a>
+              </span>
             </Link>
           </li>
         </ul>

components/Header/Navbar.component.jsx

@@ -24,23 +24,23 @@ const Navbar = () => {
             <ul className="items-center justify-between pt-4 text-base text-gray-700 md:flex md:pt-0">
               <li>
                 <Link href="/produkter">
-                  <a className="inline-block py-2 pr-4 text-xl font-bold no-underline hover:underline">
+                  <span className="inline-block py-2 pr-4 text-xl font-bold no-underline hover:underline">
                     Produkter
-                  </a>
+                  </span>
                 </Link>
               </li>
               <li>
                 <Link href="/kategorier">
-                  <a className="inline-block py-2 pr-4 text-xl font-bold no-underline hover:underline">
+                  <span className="inline-block py-2 pr-4 text-xl font-bold no-underline hover:underline">
                     Kategorier
-                  </a>
+                  </span>
                 </Link>
               </li>
             </ul>
           </div>
           <div className="order-1 md:order-2">
             <Link href="/">
-              <a className="flex items-center text-xl font-bold tracking-wide text-gray-800 no-underline hover:no-underline ">
+              <span className="flex items-center text-xl font-bold tracking-wide text-gray-800 no-underline hover:no-underline ">
                 <svg
                   className="mr-2 text-gray-800 fill-current"
                   xmlns="https://www.w3.org/2000/svg"
@@ -55,7 +55,7 @@ const Navbar = () => {
                   />
                 </svg>
                 NETTBUTIKK
-              </a>
+              </span>
             </Link>
           </div>
           <div

components/Product/IndexProducts.component.jsx

@@ -46,7 +46,7 @@ const IndexProducts = ({ products }) => {
                       slug
                     )}?id=${encodeURIComponent(databaseId)}`}
                   >
-                    <a>
+                    <span>
                       {image ? (
                         <img
                           id="product-image"
@@ -64,21 +64,21 @@ const IndexProducts = ({ products }) => {
                           }
                         />
                       )}
-                    </a>
+                    </span>
                   </Link>
 
                   <Link
                     href={`/produkt/${encodeURIComponent(
                       slug
                     )}?id=${encodeURIComponent(databaseId)}`}
                   >
-                    <a>
+                    <span>
                       <div className="flex justify-center pt-3">
                         <p className="font-bold text-center cursor-pointer">
                           {name}
                         </p>
                       </div>
-                    </a>
+                    </span>
                   </Link>
                   {/* Display sale price when on sale */}
                   {onSale && (