From 3faf2d8a69dfb9e99f7615d7d4ebd18b598dee67 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 9 Jan 2024 12:41:10 +0100
Subject: [PATCH] fix: footer

---
 src/lib/components/consent.svelte | 13 ++++++++++---
 src/lib/layout/footer.svelte      | 12 +++++++++---
 src/routes/+layout.svelte         |  2 +-
 3 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/consent.svelte b/src/lib/components/consent.svelte
index 7c45c01d9..5852d8298 100644
--- a/src/lib/components/consent.svelte
+++ b/src/lib/components/consent.svelte
@@ -36,6 +36,10 @@
         } else {
             show.set(true);
         }
+
+        return consent.subscribe((value) => {
+            selected = value.accepted;
+        });
     });
 
     function saveSettings(obj: Consent) {
@@ -55,7 +59,7 @@
 
     function acceptAll() {
         confirmChoices({
-            logrocket: true
+            analytics: true
         });
     }
 
@@ -106,8 +110,11 @@
             <div class="collapsible-item">
                 <div class="collapsible-wrapper">
                     <div class="collapsible-button">
-                        <input type="checkbox" bind:checked={selected['logrocket']} />
-                        <span class="text">Product Analytics</span>
+                        <input
+                            id="analytics"
+                            type="checkbox"
+                            bind:checked={selected['analytics']} />
+                        <label for="analytics" class="text">Product Analytics</label>
                         <span class="collapsible-button-optional">(optional)</span>
                     </div>
                     <div class="collapsible-content">
diff --git a/src/lib/layout/footer.svelte b/src/lib/layout/footer.svelte
index efc2e228b..837a51e74 100644
--- a/src/lib/layout/footer.svelte
+++ b/src/lib/layout/footer.svelte
@@ -1,6 +1,7 @@
 <script>
     import { settings } from '$lib/components/consent.svelte';
     import Button from '$lib/elements/forms/button.svelte';
+    import { clickOnEnter } from '$lib/helpers/a11y';
     import { isCloud } from '$lib/system';
     import { version } from '$routes/console/store';
 
@@ -42,9 +43,14 @@
                 </a>
             </li>
             <li class="inline-links-item">
-                <Button text on:click={() => settings.set(true)}>
-                    <span class="text">Support</span>
-                </Button>
+                <span
+                    style:cursor="pointer"
+                    role="button"
+                    tabindex="0"
+                    on:keyup={clickOnEnter}
+                    on:click={() => settings.set(true)}>
+                    <span class="text">Cookies</span>
+                </span>
             </li>
         </ul>
     </div>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 5bde43af4..49e6ea616 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -52,7 +52,7 @@
             /**
              * LogRocket
              */
-            if ($consent?.accepted?.logrocket && isCloud && isTrackingAllowed()) {
+            if ($consent?.accepted?.analytics && isCloud && isTrackingAllowed()) {
                 LogRocket.init('rgthvf/appwrite', {
                     dom: {
                         inputSanitizer: true