mirror of
https://github.com/jcreek/SvelteKitSaasBoilerplate.git
synced 2026-07-13 19:13:48 +00:00
Merge pull request #43 from jcreek/40-cookie-banner-displays-briefly-on-slow-connections
fix(#40): Ensure cookie banner doesn't initially show for users who have already accepted cookies
This commit is contained in:
@@ -1,17 +1,20 @@
|
||||
<script lang="ts">
|
||||
import { isBrowser } from '@supabase/ssr';
|
||||
import { onMount } from 'svelte';
|
||||
|
||||
export let cookiesAccepted;
|
||||
let showBanner = !cookiesAccepted;
|
||||
$: showBanner = !cookiesAccepted;
|
||||
let showBanner = false;
|
||||
|
||||
onMount(() => {
|
||||
if (!cookiesAccepted) {
|
||||
const storedValue = localStorage.getItem('cookiesAccepted');
|
||||
showBanner = storedValue !== 'true';
|
||||
}
|
||||
});
|
||||
|
||||
const acceptCookies = () => {
|
||||
if (isBrowser()) {
|
||||
localStorage.setItem('cookiesAccepted', 'true');
|
||||
showBanner = false;
|
||||
}
|
||||
localStorage.setItem('cookiesAccepted', 'true');
|
||||
showBanner = false;
|
||||
};
|
||||
|
||||
</script>
|
||||
|
||||
{#if showBanner}
|
||||
|
||||
Reference in New Issue
Block a user