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