From 7c4667171c2940555cc5632df3eead4ed2288f29 Mon Sep 17 00:00:00 2001
From: Olly <OllyNicholass@users.noreply.github.com>
Date: Tue, 14 May 2024 22:31:10 +0000
Subject: [PATCH] refactor(#5): reduce code duplication in cookie consent

---
 src/lib/components/CookieConsent.svelte | 18 ++++--------------
 src/routes/+layout.svelte               |  2 +-
 2 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/lib/components/CookieConsent.svelte b/src/lib/components/CookieConsent.svelte
index 5e1c64f..e120364 100644
--- a/src/lib/components/CookieConsent.svelte
+++ b/src/lib/components/CookieConsent.svelte
@@ -1,30 +1,20 @@
 <script lang="ts">
-	import { onMount } from 'svelte';
 	import { isBrowser } from '@supabase/ssr';
 
-	let showBanner = false;
+	export let cookiesAccepted;
+	let showBanner = !cookiesAccepted;
+	$: showBanner = !cookiesAccepted;
 
 	const acceptCookies = () => {
 		if (isBrowser()) {
 			localStorage.setItem('cookiesAccepted', 'true');
 			showBanner = false;
 		}
-
-		location.reload();
 	};
 
-	let cookiesAccepted = false;
-
-	onMount(() => {
-		if (isBrowser()) {
-			if (localStorage.getItem('cookiesAccepted')) {
-				cookiesAccepted = true;
-			}
-		}
-	});
 </script>
 
-{#if !cookiesAccepted}
+{#if showBanner}
 	<div class="fixed bottom-0 left-0 w-full bg-gray-800 text-white p-4">
 		<p class="text-sm">
 			We use cookies to ensure you get the best experience on our website. By continuing, you agree
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 0b3f792..88063d5 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -177,7 +177,7 @@
 	<slot />
 </main>
 
-<CookieConsent />
+<CookieConsent {cookiesAccepted} />
 
 <footer class="footer items-center p-4 bg-neutral text-neutral-content">
 	<aside class="items-center grid-flow-col">