valknar/sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: prevent age verification dialog flicker on page load

Browse Source 
Initialize isOpen as false and only open in onMount if not yet verified,
instead of opening immediately and closing after localStorage check.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sebastian Krüger
2026-03-06 16:52:48 +01:00
parent 7d373b3aa3
commit e943876e70
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/frontend/src/lib/components/age-verification-dialog/age-verification-dialog.svelte
View File

@@ -13,7 +13,7 @@
const AGE_VERIFICATION_KEY = "age-verified"; const AGE_VERIFICATION_KEY = "age-verified";
let isOpen = true; let isOpen = $state(false);
function handleAgeConfirmation() { function handleAgeConfirmation() {
localStorage.setItem(AGE_VERIFICATION_KEY, "true"); localStorage.setItem(AGE_VERIFICATION_KEY, "true");
@@ -21,9 +21,8 @@
} }
onMount(() => { onMount(() => {
const storedVerification = localStorage.getItem(AGE_VERIFICATION_KEY); if (localStorage.getItem(AGE_VERIFICATION_KEY) !== "true") {
if (storedVerification === "true") { isOpen = true;
isOpen = false;
} }
}); });
</script> </script>