29 lines
811 B
Svelte
29 lines
811 B
Svelte
<script lang="ts">
|
|
import AdventureCard from '$lib/components/AdventureCard.svelte';
|
|
import NotFound from '$lib/components/NotFound.svelte';
|
|
import type { Adventure } from '$lib/types';
|
|
import type { PageData } from './$types';
|
|
|
|
export let data: PageData;
|
|
|
|
function deleteAdventure(event: CustomEvent<number>) {
|
|
adventures = adventures.filter((adventure) => adventure.id !== event.detail);
|
|
}
|
|
|
|
console.log(data);
|
|
let adventures: Adventure[] = [];
|
|
if (data.props) {
|
|
adventures = data.props.adventures;
|
|
}
|
|
</script>
|
|
|
|
{#if adventures.length === 0}
|
|
<NotFound error={data.error} />
|
|
{:else}
|
|
<div class="flex flex-wrap gap-4 mr-4 justify-center content-center">
|
|
{#each adventures as adventure}
|
|
<AdventureCard type={adventure.type} {adventure} on:delete={deleteAdventure} />
|
|
{/each}
|
|
</div>
|
|
{/if}
|