Merge pull request #249 from w3bdesign/development

Development

Author: w3bdesign

README.md

@@ -71,6 +71,7 @@ With that said, keep the following in mind:
 
 ## TODO
 
+- Look into replacing nextConfig.js with https://vercel.com/docs/build-step#environment-variables
 - Copy billing address to shipping address
 - Display product variation name in cart / checkout
 - Hide products not in stock

components/AlgoliaSearch/AlgoliaSearchBox.component.jsx

@@ -2,7 +2,7 @@ import algoliasearch from 'algoliasearch';
 import { InstantSearch, SearchBox, Hits } from 'react-instantsearch-dom';
 import { useState } from 'react';
 
-import { WOO_CONFIG } from 'utils/config/nextConfig';
+import WOO_CONFIG  from 'utils/config/nextConfig';
 import SearchResults from './SearchResults.component';
 
 const searchClient = algoliasearch(

components/AlgoliaSearch/MobileSearch.component.jsx

@@ -2,7 +2,7 @@ import algoliasearch from 'algoliasearch';
 import { InstantSearch, SearchBox, Hits } from 'react-instantsearch-dom';
 import { useState } from 'react';
 
-import { WOO_CONFIG } from 'utils/config/nextConfig';
+import WOO_CONFIG from 'utils/config/nextConfig';
 import SearchResults from './SearchResults.component';
 
 const searchClient = algoliasearch(

components/Category/Categories.component.jsx

@@ -4,7 +4,7 @@ import { v4 as uuidv4 } from 'uuid';
 /**
  * Map over the categories and display them individually.
  * Uses uuidv4 for unique key IDs
- * @param {Object} categories
+ * @param {Object} categories Product categories
  */
 const Categories = ({ categories }) => {
   return (

components/Header/Hamburger.component.jsx

@@ -14,12 +14,12 @@ const Hamburger = () => {
     to: [
       {
         opacity: isExpanded ? 1 : 0,
-        marginTop: isExpanded ? '180px' : '-180px',
+        marginTop: isExpanded ? '335px' : '-180px',
       },
     ],
     from: {
       opacity: isExpanded ? 1 : 0,
-      marginTop: isExpanded ? '180px' : '-180px',
+      marginTop: isExpanded ? '335px' : '-180px',
     },
   });
 
@@ -99,7 +99,7 @@ const Hamburger = () => {
           className="absolute right-0 z-10 w-full text-center text-black bg-white "
         >
           <ul>
-            <li className="w-full p-4 border-b border-gray-400 border-solid rounded">
+            <li className="w-full p-4 border-t border-gray-400 border-solid rounded">
               <Link href="/">
                 <a
                   className="inline-block px-4 py-2 no-underline hover:text-black hover:underline"
@@ -109,7 +109,7 @@ const Hamburger = () => {
                 </a>
               </Link>
             </li>
-            <li className="w-full p-4 border-b border-gray-400 border-solid rounded">
+            <li className="w-full p-4 border-t border-gray-400 border-solid rounded">
               <Link href="/produkter">
                 <a
                   className="inline-block px-4 py-2 no-underline hover:text-black hover:underline"
@@ -121,7 +121,7 @@ const Hamburger = () => {
             </li>
             <li
               id="mobile-li"
-              className="w-full p-4 border-b border-gray-400 border-solid rounded"
+              className="w-full p-4 border-t border-b border-gray-400 border-solid rounded"
             >
               <Link href="/kategorier">
                 <a

components/Product/IndexProducts.component.jsx

@@ -1,7 +1,7 @@
 import Link from 'next/link';
 import { v4 as uuidv4 } from 'uuid';
 
-import { WOO_CONFIG } from 'utils/config/nextConfig';
+import WOO_CONFIG  from 'utils/config/nextConfig';
 
 /**
  * Displays all of the products as long as length is defined.

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.

styles/index.css

@@ -6,10 +6,6 @@
   height: 24rem;
 }
 
-#mobile-menu {
-  height: 300px;
-}
-
 #cart-div {
   width: 300px;
 }

utils/apollo/ApolloClient.js

@@ -9,7 +9,7 @@ import {
 
 import introspectionQueryResultData from './fragmentTypes';
 
-import { WOO_CONFIG } from 'utils/config/nextConfig';
+import WOO_CONFIG  from 'utils/config/nextConfig';
 
 // Fragment matcher.
 /*const fragmentMatcher = new IntrospectionFragmentMatcher({

utils/functions/functions.js

@@ -1,6 +1,6 @@
 import { v4 } from 'uuid';
 
-import { WOO_CONFIG } from 'utils/config/nextConfig';
+import WOO_CONFIG from 'utils/config/nextConfig';
 
 /**
  * Convert price from string to floating value and convert it to use two decimals