Replaced Osano toggle with CookieYes toggle

Author: Dantemss

src/app/components/dialog/dialog.scss

@@ -2,20 +2,18 @@
 
 dialog,
 [role="dialog"] {
-    &:not([class *= 'osano']) {
-        background-color: ui-color(white);
-        border: 0;
-        border-radius: 0.4rem;
-        color: text-color(normal);
-        display: block;
-        grid-template-rows: auto auto 1fr;
-        height: auto;
-        margin: 0;
-        overflow: hidden;
-        padding: 0;
-        position: relative;
-        width: max-content;
-    }
+    background-color: ui-color(white);
+    border: 0;
+    border-radius: 0.4rem;
+    color: text-color(normal);
+    display: block;
+    grid-template-rows: auto auto 1fr;
+    height: auto;
+    margin: 0;
+    overflow: hidden;
+    padding: 0;
+    position: relative;
+    width: max-content;
 
     &.footer-dialog {
         align-self: flex-end;

src/app/layouts/default/footer/footer.js

@@ -53,7 +53,7 @@ function Footer({
                             <a href="/tos">Terms of Use</a>
                             <a href="/license">Licensing</a>
                             <a href="/privacy">Privacy Notice</a>
-                            <OsanoToggle />
+                            <CookieYesToggle />
                         </ListOfLinks>
                     </div>
                 </div>
@@ -127,27 +127,11 @@ function Footer({
     );
 }
 
-function OsanoToggle() {
-    const osano = typeof window === 'undefined' ? undefined : window.Osano;
-    const showOsanoDrawer = React.useCallback(
-        (e) => {
-            e.preventDefault();
-            osano.cm.showDrawer('osano-cm-dom-info-dialog-open');
-        },
-        [osano]
-    );
-
-    if (osano === undefined || osano.cm.mode === 'debug') {
-        document.body.classList.remove('hide-osano');
-        return null;
-    }
-
-    document.body.classList.add('hide-osano');
+function CookieYesToggle() {
     return (
         <button
             type='button'
-            className="small"
-            onClick={showOsanoDrawer}
+            className="cky-banner-element small"
         >
             Manage cookies
         </button>

src/styles/main.scss

@@ -11,7 +11,7 @@ body {
     display: flex;
     flex-direction: column;
 
-    &.hide-osano .osano-cm-widget {
+    .cky-btn-revisit-wrapper {
         display: none;
     }
 }