Onetrust gdpr banner (#1361)

* onetrust gdpr cookie consent banner

* onetrust cookie banner - spa support

* onetrust cookie banner - scripts order fix

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>