Finish cookie consent #128

src/App.js

@@ -18,6 +18,7 @@ import About from './pages/About'
 import TermsOfUse from './pages/TermsOfUse/TermsOfUse'
 import Education from './pages/Education'
 import Anaylitcs from './components/Analytics'
+import CookieConsent from './components/CookieConsent'
 
 // NOTE: This sync lang when changed from push state navigation
 // (user press back, forward history)
@@ -143,6 +144,7 @@ function App({ client, apiUrl, requestsCache }) {
       </ErrorBoundary>
       {/* NOTE: Here to avoid re-sending page view on 404 and so on ... */}
       <Anaylitcs />
+      <CookieConsent />
     </>
   )
 }

src/components/CookieConsent.js

@@ -3,15 +3,15 @@ import { useTranslation } from 'react-i18next'
 import { Modal, ModalBody } from 'reactstrap'
 
 export default function CookieConsent() {
-  const [isOpen, setIsOpen] = useState(true)
-//   const storeKey = 'modalTip:' + type
+  const [isOpen, setIsOpen] = useState(false)
+  const storeKey = 'cookieconsent'
 
-//   useEffect(() => {
-//     const showed = sessionStorage.getItem(storeKey)
-//     if (!showed) {
-//       setIsOpen(true)
-//     }
-//   }, [storeKey])
+  useEffect(() => {
+    const showed = sessionStorage.getItem(storeKey)
+    if (!showed) {
+      setIsOpen(true)
+    }
+  }, [storeKey])
 
   const { t } = useTranslation()
 
@@ -24,14 +24,14 @@ export default function CookieConsent() {
         <div className="text-center">
             {t('read_more')}
         </div>
-        
+
         <div className="text-center mt-2">
           <button
             className="btn-auto-tip btn text-white rounded-pill bg-dark-gray"
-            // onClick={() => {
-            //   setIsOpen(false)
-            //   sessionStorage.setItem(storeKey, 'yes')
-            // }}
+            onClick={() => {
+              setIsOpen(false)
+              sessionStorage.setItem(storeKey, 'yes')
+            }}
           >
             {t('ok_i_got')}
           </button>