From 15913ad413933c731e17744926f72e383ba46920 Mon Sep 17 00:00:00 2001
From: Josh Creek <8179928+jcreek@users.noreply.github.com>
Date: Tue, 15 Oct 2024 19:36:54 +0100
Subject: [PATCH] fix(#40): Ensure cookie banner doesn't initially show for
 users who have already accepted cookies

---
 src/lib/components/CookieConsent.svelte | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/CookieConsent.svelte b/src/lib/components/CookieConsent.svelte
index e120364..09984b7 100644
--- a/src/lib/components/CookieConsent.svelte
+++ b/src/lib/components/CookieConsent.svelte
@@ -1,17 +1,20 @@
 <script lang="ts">
-	import { isBrowser } from '@supabase/ssr';
+	import { onMount } from 'svelte';
 
 	export let cookiesAccepted;
-	let showBanner = !cookiesAccepted;
-	$: showBanner = !cookiesAccepted;
+	let showBanner = false;
+
+	onMount(() => {
+		if (!cookiesAccepted) {
+			const storedValue = localStorage.getItem('cookiesAccepted');
+			showBanner = storedValue !== 'true';
+		}
+	});
 
 	const acceptCookies = () => {
-		if (isBrowser()) {
-			localStorage.setItem('cookiesAccepted', 'true');
-			showBanner = false;
-		}
+		localStorage.setItem('cookiesAccepted', 'true');
+		showBanner = false;
 	};
-
 </script>
 
 {#if showBanner}