correction cookies

index.d.ts

@@ -49,11 +49,11 @@ interface Icookies {
   location?: string,
   buttonText?: string,
   declineButtonText?: String,
-  cookieName?: string,
   expires?: number,
-  styles: {},
-  buttonStyles: {},
-  declineButtonStyle: {}
+  styles?: {},
+  buttonStyles?: {},
+  declineButtonStyle?: {},
+  decline: any
 }
 export function CookiesComponent(props: Icookies): JSX.Element;
 

src/components/core/CookiesComponent.tsx

@@ -5,39 +5,39 @@ import CookieConsent, { Cookies } from "react-cookie-consent";
 interface Icookies {
     location?: string,
     buttonText?: string,
-    declineButtonText: String,
-    cookieName?: string,
+    declineButtonText?: String,
     expires?: number,
-    styles: {},
-    buttonStyles: {},
-    declineButtonStyle: {}
+    styles?: {},
+    buttonStyles?: {},
+    declineButtonStyle?: {},
+    decline: any
 }
 
 const CookiesComponent = (props: Icookies) => {
   const {
     location="bottom",
-    buttonText="Accept",
-    declineButtonText="Decline", 
+    buttonText="Accepter",
+    declineButtonText="Refuser", 
     buttonStyles, 
-    cookieName="gatsby-gdpr-google-analytics", 
     expires=365, 
     styles,
-    declineButtonStyle
+    declineButtonStyle,
+    decline
   } = props;
   return (
     <CookieConsent
       location={location}
       buttonText={buttonText}
       declineButtonText={declineButtonText}
-      cookieName={cookieName}
+      cookieName="onegeo-portal-gdpr"
       style={styles}
       buttonStyle={buttonStyles}
       declineButtonStyle={declineButtonStyle}
       expires={expires}
       enableDeclineButton
       onDecline={() => {
-        alert("remove cookie here!");
-        Cookies.remove("tagManagerCookieName")
+        decline()
+        // Cookies.remove("tagManagerCookieName")
       }}
     >
       Nous nous soucions de vos données personnelles et utilisons des cookies afin d’améliorer votre expérience.

src/pages-doc/doc/core/cookies.tsx

@@ -5,6 +5,9 @@ import { Link } from "gatsby";
 
 
 const cookies = () => {
+  const decline = () => {
+    return null
+  }
   return (
     <Content>
     <div className="prose">
@@ -16,12 +19,14 @@ const cookies = () => {
         <pre>
           <code>
             {`interface Icookies {
-                location?: string,
-                buttonText?: string,
-                cookieName?: string,
-                expires?: number,
-                styles: any,
-                buttonStyles: any
+               location?: string,
+               buttonText?: string,
+               declineButtonText?: String,
+               expires?: number,
+               styles?: {},
+               buttonStyles?: {},
+               declineButtonStyle?: {},
+               decline: any
             }`}
           </code>
         </pre>
@@ -30,7 +35,7 @@ const cookies = () => {
       <h2>Example</h2>
     </div>
     <div className="flex gap-6 m-4">
-        <CookiesComponent declineButtonStyle={{color: "#4e503b", fontSize: "13px"}} buttonStyles={ {color: "#4e503b", fontSize: "13px"} } styles={{ background: "#2B373B" }}/>
+        <CookiesComponent declineButtonStyle={{color: "#4e503b", fontSize: "13px"}} buttonStyles={ {color: "#4e503b", fontSize: "13px"} } styles={{ background: "#2B373B" }} decline={decline}/>
     </div>
   </Content>
   )