mirror of
https://github.com/jcreek/SvelteKitSaasBoilerplate.git
synced 2026-07-13 02:53:50 +00:00
refactor(#5): reduce code duplication in cookie consent
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user