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"> <script lang="ts">
import { onMount } from 'svelte';
import { isBrowser } from '@supabase/ssr'; import { isBrowser } from '@supabase/ssr';
let showBanner = false; export let cookiesAccepted;
let showBanner = !cookiesAccepted;
$: showBanner = !cookiesAccepted;
const acceptCookies = () => { const acceptCookies = () => {
if (isBrowser()) { if (isBrowser()) {
localStorage.setItem('cookiesAccepted', 'true'); localStorage.setItem('cookiesAccepted', 'true');
showBanner = false; showBanner = false;
} }
location.reload();
}; };
let cookiesAccepted = false;
onMount(() => {
if (isBrowser()) {
if (localStorage.getItem('cookiesAccepted')) {
cookiesAccepted = true;
}
}
});
</script> </script>
{#if !cookiesAccepted} {#if showBanner}
<div class="fixed bottom-0 left-0 w-full bg-gray-800 text-white p-4"> <div class="fixed bottom-0 left-0 w-full bg-gray-800 text-white p-4">
<p class="text-sm"> <p class="text-sm">
We use cookies to ensure you get the best experience on our website. By continuing, you agree 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 /> <slot />
</main> </main>
<CookieConsent /> <CookieConsent {cookiesAccepted} />
<footer class="footer items-center p-4 bg-neutral text-neutral-content"> <footer class="footer items-center p-4 bg-neutral text-neutral-content">
<aside class="items-center grid-flow-col"> <aside class="items-center grid-flow-col">