Regenerated Algolia search key

Author: w3bdesign

README.md

@@ -54,6 +54,14 @@
 - JSDoc comments
 - WooCommerce cart session is automatically deleted after 48 hours to prevent GraphQL session expiration errors
 
+## Known limitations
+
+Overall the application is working as intended, but it has not been tested extensively in a production environment. More testing and debugging is required before deploying it in a production nevironment. 
+ 
+With that said, keep the following in mind:
+
+- Currently only simple products and variable products work without any issues. External/affilate products are not working.
+
 ## TODO
 
 - Display product variation name in cart / checkout

components/Search/AlgoliaSearchBox.component.jsx

@@ -25,12 +25,11 @@ const AlgoliaSearchBox = () => {
         <div className="">
           <InstantSearch
             indexName={WOO_CONFIG.ALGOLIA_INDEX_NAME}
-            searchClient={searchClient}            
+            searchClient={searchClient}
           >
             {/*We need to conditionally add a border because the element has position:fixed*/}
-           
             <SearchBox
-            aria-label="Søk her"
+              aria-label="Søk her"
               translations={{
                 submitTitle: 'Søk',
                 resetTitle: 'Slett søketekst',

utils/config/nextConfig.js

@@ -5,7 +5,7 @@
 export const WOO_CONFIG = {
   GRAPHQL_URL: 'https://woo.dfweb.no/graphql',
   ALGOLIA_APP_ID: '7L9M5Y0B1K',
-  ALGOLIA_PUBLIC_API_KEY: '925cc92373120f1bf477bb8ce0e71649',
+  ALGOLIA_PUBLIC_API_KEY: '1536a3704dfa8b3e42f82e5f95601d47',
   ALGOLIA_INDEX_NAME: 'dfweb',
   PLACEHOLDER_IMAGE_URL: 'https://via.placeholder.com/272',
 };

utils/context/AppContext.js

@@ -6,11 +6,11 @@ export const AppContext = React.createContext([{}, () => {}]);
  * Provides a global application context for the entire application with the cart contents
  * @param {Object} props
  */
-export const AppProvider = (props) => {
+export const AppProvider = ({ children }) => {
   const [cart, setCart] = useState(null);
 
   useEffect(() => {
-    // Check if we are inside of the browser before we access the localStorage
+    // Check if we are client-side before we access the localStorage
     if (process.browser) {
       let cartData = localStorage.getItem('woocommerce-cart');
       cartData = null !== cartData ? JSON.parse(cartData) : '';
@@ -19,7 +19,7 @@ export const AppProvider = (props) => {
   }, []);
   return (
     <AppContext.Provider value={[cart, setCart]}>
-      {props.children}
+      {children}
     </AppContext.Provider>
   );
 };

utils/functions/functions.js

@@ -143,7 +143,7 @@ const isProductInCart = (existingProductsInCart, productId) => {
 };
 
 /**
- * Remove Item from the cart.
+ * Remove item from the cart.
  *
  * @param {Integer} productId Product Id.
  * @return {any | string} Updated cart