Merge branch 'main' into 'feat/news'

# Conflicts:
#   src/pages-doc/doc/core/index.tsx
#   src/pages-doc/doc/index.tsx

index.d.ts

@@ -45,6 +45,17 @@ interface CardProps {
   className?: string;
 }
 export function Card(props: CardProps): JSX.Element;
+interface Icookies {
+  location?: string,
+  buttonText?: string,
+  declineButtonText?: String,
+  expires?: number,
+  styles?: {},
+  buttonStyles?: {},
+  declineButtonStyle?: {},
+  decline: any
+}
+export function Cookies(props: Icookies): JSX.Element;
 
 interface BadgeProps {
   children?: React.ReactNode;

index.js

@@ -25,6 +25,9 @@ export { default as Carousel } from "./src/components/core/Carousel";
 // Logo components
 export { default as Logo } from "./src/components/core/Logo";
 
+// Cookies components
+export { default as Cookies } from "./src/components/Cookies";
+
 // Menu components
 export { default as Menu } from "./src/components/core/Menu";
 

package.json

@@ -16,6 +16,7 @@
     "gatsby-plugin-typesense": "^0.3.0",
     "gatsby-source-graphql": "^4.12.1",
     "react-autosuggest": "^10.1.0",
+    "react-cookie-consent": "^8.0.1",
     "react-instantsearch-dom": "^6.12.1",
     "react-leaflet": "^3.2.5",
     "typesense-instantsearch-adapter": "^1.2.2"

src/components/Cookies.tsx

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

src/pages-doc/doc/cookies.tsx

+import React from 'react'
+import { Content } from "@onegeo/gatsby-theme-onegeo";
+import { Cookies } from "@onegeo/gatsby-theme-onegeo";
+import { Link } from "gatsby";
+
+
+const cookies = () => {
+  const decline = () => {
+    return null
+  }
+  return (
+    <Content>
+    <div className="prose">
+      <Link to="/doc">Retour</Link>
+
+      <h1>Cookies</h1>
+      <h2>Props</h2>
+      <div className="mockup-code">
+        <pre>
+          <code>
+            {`interface Icookies {
+               location?: string,
+               buttonText?: string,
+               declineButtonText?: String,
+               expires?: number,
+               styles?: {},
+               buttonStyles?: {},
+               declineButtonStyle?: {},
+               decline: any
+            }`}
+          </code>
+        </pre>
+      </div>
+
+      <h2>Example</h2>
+    </div>
+    <div className="flex gap-6 m-4">
+        <Cookies declineButtonStyle={{color: "#4e503b", fontSize: "13px"}} buttonStyles={ {color: "#4e503b", fontSize: "13px"} } styles={{ background: "#2B373B" }} decline={decline}/>
+    </div>
+  </Content>
+  )
+}
+
+export default cookies

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

+import React from 'react'
+import { Content } from "@onegeo/gatsby-theme-onegeo";
+import { Cookies } from "@onegeo/gatsby-theme-onegeo";
+import { Link } from "gatsby";
+
+
+const cookies = () => {
+  const decline = () => {
+    return null
+  }
+  return (
+    <Content>
+    <div className="prose">
+      <Link to="/doc/core">Retour</Link>
+
+      <h1>Cookies</h1>
+      <h2>Props</h2>
+      <div className="mockup-code">
+        <pre>
+          <code>
+            {`interface Icookies {
+               location?: string,
+               buttonText?: string,
+               declineButtonText?: String,
+               expires?: number,
+               styles?: {},
+               buttonStyles?: {},
+               declineButtonStyle?: {},
+               decline: any
+            }`}
+          </code>
+        </pre>
+      </div>
+
+      <h2>Example</h2>
+    </div>
+    <div className="flex gap-6 m-4">
+        <Cookies declineButtonStyle={{color: "#4e503b", fontSize: "13px"}} buttonStyles={ {color: "#4e503b", fontSize: "13px"} } styles={{ background: "#2B373B" }} decline={decline}/>
+    </div>
+  </Content>
+  )
+}
+
+export default cookies

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

@@ -26,12 +26,9 @@ function index(): ReactElement {
         <br></br>
         <Link to="/doc/core/logo">Logo</Link>
         <br></br>
-        <Link to="/doc/news">News</Link>
-        <br></br>
         <Link to="/doc/core/menu">Menu</Link>
         <br></br>
         <Link to="/doc/core/image">Image</Link>
-
       </div>
     </Content>
   );

src/pages-doc/doc/index.tsx

@@ -16,6 +16,8 @@ function index(): ReactElement {
         <Link to="/doc/feature">Feature</Link>
         <br></br>
         <Link to="/doc/news">News</Link>
+        <br></br>
+        <Link to="/doc/cookies">Cookies</Link>
       </div>
     </Content>
   );