From d47c1bffbea0b19052a1d13ae67312e4e070cbe7 Mon Sep 17 00:00:00 2001
From: madkarmaa <madkarma99@gmail.com>
Date: Wed, 12 Nov 2025 10:46:45 +0100
Subject: [PATCH] refactor: simplify logic

---
 src/lib/components/molecules/Banner.svelte | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/src/lib/components/molecules/Banner.svelte b/src/lib/components/molecules/Banner.svelte
index 70c9589..6ac0e26 100644
--- a/src/lib/components/molecules/Banner.svelte
+++ b/src/lib/components/molecules/Banner.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import { onMount } from 'svelte';
 	import { slide } from 'svelte/transition';
 	import { cubicInOut } from 'svelte/easing';
 	import storable from '@madkarma/svelte-storable';
@@ -26,16 +25,9 @@
 	}: Props = $props();
 
 	const Icon = type === 'info' ? Info : type === 'warning' ? Warning : Error;
-
-	let visible = $state(false);
-
-	onMount(() => {
-		if (closed) return;
-		visible = true;
-	});
 </script>
 
-{#if visible}
+{#if !closed}
 	<div class="banner {type}" {id} transition:slide={{ duration: 200, easing: cubicInOut }}>
 		<Icon />
 
@@ -49,7 +41,6 @@
 				type="button"
 				onclick={() => {
 					closed = true;
-					visible = false;
 					$readBannerIds = [...$readBannerIds, id];
 				}}
 			>