Add confirmation popup util

This commit is contained in:
ZXY101
2023-09-14 12:19:25 +02:00
parent 2fd4ebd101
commit ed6b8d8b39
8 changed files with 63 additions and 68 deletions

View File

@@ -1,10 +1,18 @@
<script lang="ts">
import { catalog } from '$lib/catalog';
import { Button } from 'flowbite-svelte';
import CatalogItem from './CatalogItem.svelte';
import { promptConfirmation } from '$lib/util';
import { db } from '$lib/catalog/db';
function onClear() {
promptConfirmation('Are you sure you want to clear your catalog?', () => db.catalog.clear());
}
</script>
{#if $catalog}
{#if $catalog.length > 0}
<Button outline color="red" class="float-right" on:click={onClear}>Clear catalog</Button>
<div class="container">
{#each $catalog as { manga }}
<CatalogItem {manga} />