Merge pull request #801 from IABTechLab/feature/footer-opt-out-icon

feat: ⚖️ Update footer cookie links

Author: bbuilds

docusaurus.config.js

@@ -1,7 +1,7 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 import ConfigLocalized from "./docusaurus.config.localized.json";
-import { themes } from 'prism-react-renderer';
+import { themes } from "prism-react-renderer";
 
 const lightCodeTheme = themes.github;
 const darkCodeTheme = themes.dracula;
@@ -91,7 +91,7 @@ const config = {
         containerId: "GTM-K3NQMDX",
       },
     ],
-    require.resolve("docusaurus-plugin-image-zoom")
+    require.resolve("docusaurus-plugin-image-zoom"),
   ],
 
   presets: [
@@ -286,8 +286,21 @@ const config = {
                 href: "https://www.transparentadvertising.com/",
               },
               {
-                label: "Do not sell my data",
-                href: getLocalizedConfigValue("adsrvrURL"),
+                html: `<a href="#" class="footer__link-item ot-sdk-show-settings">
+                    Website Cookies Settings
+                    </a>`,
+              },
+              {
+                html: `<a class="truevault-polaris-optout footer__link-item" 
+                    href="${getLocalizedConfigValue("adsrvrURL")}"
+                    target="_blank" 
+                    rel="noreferrer noopener">
+                    <img src="https://polaris.truevaultcdn.com/static/assets/icons/optout-icon-black.svg" 
+                    alt="California Consumer Privacy Act (CCPA) Opt-Out Icon" 
+                    height="14px" 
+                    style="vertical-align:middle" />
+                    Your Privacy Choices
+                    </a>`,
               },
             ],
           },
@@ -310,16 +323,16 @@ const config = {
         // indexName: "UID2", //staging
       },
       zoom: {
-        selector: '.markdown :not(em) > img',
+        selector: ".markdown :not(em) > img",
         config: {
           // options you can specify via https://github.com/francoischalifour/medium-zoom#usage
           background: {
-            light: 'rgb(255, 255, 255)',
-            dark: 'rgb(50, 50, 50)'
-          }
-        }
-      }
+            light: "rgb(255, 255, 255)",
+            dark: "rgb(50, 50, 50)",
+          },
+        },
+      },
     }),
-  };
+};
 
 export default config;