all repos — kōi @ main

Minimalist task manager

src/lib/components/ToastContainer.svelte (view raw)

 1<script lang="ts">
 2  import Toast from "./Toast.svelte";
 3  import { addToast, toastStore } from "../store/toastStore";
 4  import { onMount } from "svelte";
 5
 6  onMount(() => {
 7    const storedToast = sessionStorage.getItem("toast");
 8    if (storedToast) {
 9      const { message, type } = JSON.parse(storedToast);
10      addToast(message, type);
11      sessionStorage.removeItem("toast");
12    }
13  });
14</script>
15
16<div class="toast toast-end">
17  {#each $toastStore as toast}
18    <Toast {toast} />
19  {/each}
20</div>