From 64390441a10ebc2091e90be9cc626b9f2bb8047b Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Sun, 29 Jun 2025 12:43:42 +0100
Subject: [PATCH] cookies fixed

---
 app/components/AcceptCookies.js | 52 +++++++++++++++++++--------------
 package.json                    |  1 -
 2 files changed, 30 insertions(+), 23 deletions(-)

diff --git a/app/components/AcceptCookies.js b/app/components/AcceptCookies.js
index 3b32744..b0344c8 100644
--- a/app/components/AcceptCookies.js
+++ b/app/components/AcceptCookies.js
@@ -1,36 +1,44 @@
-"use client"
-import React, { useEffect, useState } from 'react'
-//import Cookies from 'js-cookie'
+"use client";
+import React, { useLayoutEffect, useState } from 'react';
 
 export default function AcceptCookies() {
-    const [cookies, setCookies] = useState(true)
-    
-    const acceptCookies = () => {
-    //    Cookies.set('useCookies', 'true')
-        setCookies(true)
-    }
+  // Safe cookie getter
+  function getCookie(name) {
+    if (typeof document === 'undefined') return null; // SSR safety
+    const value = `; ${document.cookie}`;
+    const parts = value.split(`; ${name}=`);
+    if (parts.length === 2) return parts.pop().split(';').shift();
+    return null;
+  }
 
-    useEffect(()=>{
-        const useCookies = false; // Cookies.get('useCookies')
-        if(useCookies == 'true'){
-            setCookies(true)
+  const [cookies, setCookies] = useState(true); // Start as true
+
+  const acceptCookies = () => {
+    document.cookie = `use_cookies=${encodeURIComponent('true')}; path=/; max-age=31536000`; // 1 year
+    setCookies(true);
+  };
+
+  useLayoutEffect(()=>{
+      const useCookies = getCookie('use_cookies');
+      if (useCookies && decodeURIComponent(useCookies) === 'true') {
+          setCookies(true);
         }else{
             setCookies(false)
         }
-    },[])
+  },[])
 
   return (
     <>
-    {/* {cookies ?
-        <></>
-    : */}
+      {cookies ? <></> : (
         <div className={`${cookies ? 'slide-down' : 'slide-up'} cookies-wrapper position-fixed d-lg-flex justify-content-center align-items-center gap-5 p-2`}>
-            <p className='m-0'>
+          <p className="m-0">
             This website uses cookies to provide you the best experience possible, as well as for tracking performance and marketing purposes. You can check our privacy policy for more information. By clicking &#x275B;&#x275B;Confirm&#x275C;&#x275C; or by continuing to use our website, you consent to our use of cookies.
-            </p>
-            <button onClick={acceptCookies} className='px-5 py-2'>Accept</button>
+          </p>
+          <button onClick={acceptCookies} className="px-5 py-2">
+            Accept
+          </button>
         </div>
-    {/* } */}
+      )}
     </>
-  )
+  );
 }
diff --git a/package.json b/package.json
index 5877a15..1069a1d 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,6 @@
   "dependencies": {
     "axios": "^1.7.2",
     "caniuse-lite": "^1.0.30001651",
-    "js-cookie": "^3.0.5",
     "next": "14.2.5",
     "react": "^18",
     "react-dom": "^18",
-- 
2.34.1