Onetrust cookie banner (#1354)

* onetrust cookie banner implementation & styles

* onetrust cookie banner implementation & styles

* PR #1332 feedback

* onetrust production script

* Onetrust cookie banner Segment config

* onetrust cookie banner: remove unused cookie-settings.md and gdpr-banner.md files

Author: radoslawolejniczak

README.md

@@ -70,7 +70,6 @@ To add, edit, or delete content in our documentation, you have to modify Markdow
 - `kb/` Contains `.md` files that populate the Knowledge Base.
 - `library/` Contains `.md` files that populate the Streamlit Library section.
 - `streamlit-cloud/`Contains `.md` files that populate the Streamlit Community Cloud section.
-- `gdpr-banner.md` You'll never have to edit this file.
 - `index.md` Contains text that populates the index page.
 - `menu.md` This is a special file containing only front matter that defines the docs Menu. You will need to add an entry on this file for each new page you create within the docs' site.
 

components/navigation/cookiePolicyButton.js

@@ -0,0 +1,11 @@
+const CookiePolicyButton = ({ children, className, ...props }) => {
+  const classes = `ot-sdk-show-settings${className ? ` ${className}` : ""}`;
+
+  return (
+    <button className={classes} {...props}>
+      {children}
+    </button>
+  );
+};
+
+export default CookiePolicyButton;

components/navigation/footer.js

@@ -1,8 +1,13 @@
 import Link from "next/link";
+import dynamic from "next/dynamic";
 
 import styles from "./footer.module.css";
 
-const Footer = ({ setIsTelemetryModalVisible }) => {
+const CookiePolicyButton = dynamic(() => import("./cookiePolicyButton"), {
+  ssr: false,
+});
+
+const Footer = () => {
   return (
     <footer className={styles.Container}>
       <section className={styles.InnerContainer}>
@@ -181,12 +186,9 @@ const Footer = ({ setIsTelemetryModalVisible }) => {
         </section>
         <div className={styles.Copyright}>
           <span>&copy; {new Date().getFullYear()} Snowflake Inc.</span>
-          <button
-            className="hover:opacity-80 ml-2"
-            onClick={() => setIsTelemetryModalVisible(true)}
-          >
+          <CookiePolicyButton className="hover:opacity-80 ml-2">
             Cookie policy
-          </button>
+          </CookiePolicyButton>
         </div>
       </section>
     </footer>

components/utilities/breadCrumbs.js

@@ -68,7 +68,7 @@ const BreadCrumbs = ({ slug, menu }) => {
   }
 
   // Then, we add a couple pages that don't need breadcrumbs, such as /menu, /index, etc.
-  filesToExclude.push("index", "gdpr-banner", "menu", "cookie-settings");
+  filesToExclude.push("index", "menu");
 
   // Now, we throw the error if any page that's not on the filesToExclude array is missing in menu.md
   if (path.length === 0 && !filesToExclude.includes(slug[0])) {