rename CookiesComponent to Cookies

index.d.ts

@@ -55,7 +55,7 @@ interface Icookies {
   declineButtonStyle?: {},
   decline: any
 }
-export function CookiesComponent(props: Icookies): JSX.Element;
+export function Cookies(props: Icookies): JSX.Element;
 
 interface BadgeProps {
   children?: React.ReactNode;

index.js

@@ -26,7 +26,7 @@ export { default as Carousel } from "./src/components/core/Carousel";
 export { default as Logo } from "./src/components/core/Logo";
 
 // Cookies components
-export { default as CookiesComponent } from "./src/components/CookiesComponent";
+export { default as Cookies } from "./src/components/Cookies";
 
 // Menu components
 export { default as Menu } from "./src/components/core/Menu";

src/components/CookiesComponent.tsx → src/components/Cookies.tsx

 import React from "react";
-// import {CookieNotice} from "gatsby-cookie-notice";
-import CookieConsent, { Cookies } from "react-cookie-consent";
+import CookieConsent, { Cookies as cookie } from "react-cookie-consent";
 
 interface Icookies {
     location?: string,
@@ -13,7 +12,7 @@ interface Icookies {
     decline: any
 }
 
-const CookiesComponent = (props: Icookies) => {
+const Cookies = (props: Icookies) => {
   const {
     location="bottom",
     buttonText="Accepter",
@@ -37,7 +36,7 @@ const CookiesComponent = (props: Icookies) => {
       enableDeclineButton
       onDecline={() => {
         decline()
-        // Cookies.remove("tagManagerCookieName")
+        // cookie.remove("tagManagerCookieName")
       }}
     >
       Nous nous soucions de vos données personnelles et utilisons des cookies afin d’améliorer votre expérience.
@@ -45,4 +44,4 @@ const CookiesComponent = (props: Icookies) => {
   );
 };
 
-export default CookiesComponent;
+export default Cookies;

src/pages-doc/doc/cookies.tsx

 import React from 'react'
 import { Content } from "@onegeo/gatsby-theme-onegeo";
-import { CookiesComponent } from "@onegeo/gatsby-theme-onegeo";
+import { Cookies } from "@onegeo/gatsby-theme-onegeo";
 import { Link } from "gatsby";
 
 
@@ -35,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" }} decline={decline}/>
+        <Cookies declineButtonStyle={{color: "#4e503b", fontSize: "13px"}} buttonStyles={ {color: "#4e503b", fontSize: "13px"} } styles={{ background: "#2B373B" }} decline={decline}/>
     </div>
   </Content>
   )

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

 import React from 'react'
 import { Content } from "@onegeo/gatsby-theme-onegeo";
-import { CookiesComponent } from "@onegeo/gatsby-theme-onegeo";
+import { Cookies } from "@onegeo/gatsby-theme-onegeo";
 import { Link } from "gatsby";
 
 
@@ -35,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" }} decline={decline}/>
+        <Cookies declineButtonStyle={{color: "#4e503b", fontSize: "13px"}} buttonStyles={ {color: "#4e503b", fontSize: "13px"} } styles={{ background: "#2B373B" }} decline={decline}/>
     </div>
   </Content>
   )