refactor(#5): reduce code duplication in cookie consent

This commit is contained in:
Olly
2024-05-14 22:31:10 +00:00
parent e9d5f116fa
commit 7c4667171c
2 changed files with 5 additions and 15 deletions
+4 -14
View File
@@ -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
+1 -1
View File
@@ -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">