updates for seo / accessibility

jamstack-cms · Jan 6, 2021 · 512bbe8 · 512bbe8
1 parent 293f1fd
commit 512bbe8
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/components/CartLink.js b/components/CartLink.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import { useState, useEffect } from 'react'
 import { SiteContext } from '../context/mainContext'
 import { FaShoppingCart, FaCircle } from 'react-icons/fa';
 import Link from "next/link"

diff --git a/next.config.js b/next.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  i18n: {
+    locales: ['en-US'],
+    defaultLocale: 'en-US'
+  }
+}
diff --git a/pages/cart.js b/pages/cart.js
@@ -1,4 +1,5 @@
 import Link from 'next/link'
+import { useState, useEffect } from 'react'
 import { FaTimes, FaLongArrowAltRight } from 'react-icons/fa'
 import { SiteContext, ContextProviderComponent } from '../context/mainContext'
 import DENOMINATION from '../utils/currencyProvider'
@@ -8,6 +9,10 @@ import Image from '../components/Image'
 import Head from 'next/head'
 
 const Cart = ({ context }) => {
+  const [renderClientSideComponent, setRenderClientSideComponent] = useState(false)
+  useEffect(() => {
+    setRenderClientSideComponent(true)
+  }, [])
   const {
     numberOfItemsInCart, cart, removeFromCart, total, setItemQuantity
   } = context
@@ -24,6 +29,8 @@ const Cart = ({ context }) => {
     setItemQuantity(item)
   }
 
+  if (!renderClientSideComponent) return null
+
   return (
     <>
       <div className="flex flex-col items-center pb-10">