Use environment variables for Algolia

Author: w3bdesign

components/AlgoliaSearch/AlgoliaSearchBox.component.jsx

@@ -2,12 +2,14 @@ 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(
-  WOO_CONFIG.ALGOLIA_APP_ID,
-  WOO_CONFIG.ALGOLIA_PUBLIC_API_KEY
+  // WOO_CONFIG.ALGOLIA_APP_ID,
+  // WOO_CONFIG.ALGOLIA_PUBLIC_API_KEY
+  process.env.ALGOLIA_APP_ID,
+  process.env.ALGOLIA_PUBLIC_API_KEY
 );
 
 // https://www.algolia.com/doc/api-reference/widgets/instantsearch/react/

components/Cart/Cart.component.jsx

@@ -24,7 +24,7 @@ const Cart = () => {
           <svg
             className="fill-current"
             xmlns="http://www.w3.org/2000/svg"
-            width="50"
+            width="155"
             height="55"
             viewBox="0 0 30 30"
             aria-label="Handlekurv"

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "nextjs-woocommerce",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Nextjs WooCommerce webshop",
   "main": "index.js",
   "scripts": {
@@ -23,7 +23,7 @@
     "postcss": "^8.2.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "react-hook-form": "^6.13.0",
+    "react-hook-form": "^6.13.1",
     "react-instantsearch-dom": "^6.8.2",
     "react-spring": "^8.0.27",
     "styled-components": "^5.2.1",