2021-06-01 16:14:24 +02:00
|
|
|
<script lang="ts">
|
|
|
|
import {locals} from "../../ts/stores.js";
|
|
|
|
import Message from "./Message.svelte";
|
|
|
|
|
|
|
|
export let flashed = $locals.flash();
|
|
|
|
</script>
|
|
|
|
|
2021-11-08 00:24:53 +01:00
|
|
|
<style lang="scss">
|
|
|
|
.messages :global(.message:not(:last-child)) {
|
|
|
|
margin-bottom: 8px;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
2021-06-01 16:14:24 +02:00
|
|
|
<div class="messages">
|
|
|
|
{#if flashed}
|
|
|
|
{#each Object.entries(flashed) as [key, bag], i}
|
|
|
|
{#each bag as content}
|
|
|
|
<Message type={key} content={content}/>
|
|
|
|
{/each}
|
|
|
|
{/each}
|
|
|
|
{/if}
|
|
|
|
</div>
|