diff options
| author | Adam Soltys <[email protected]> | 2024-11-26 21:45:00 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-11-26 21:45:00 -0800 |
| commit | f4eb6547d0db5edd0137fdefe461433500515040 (patch) | |
| tree | 86a24ca7f263f80f322d59b2e5def5fc6b062719 /src/components/DeleteItem.svelte | |
| parent | 872aa0b3b0b9a847b8afcdee7f1ad53c524ce4f0 (diff) | |
| download | coinos-ui-f4eb6547d0db5edd0137fdefe461433500515040.tar.gz coinos-ui-f4eb6547d0db5edd0137fdefe461433500515040.zip | |
warnings
Diffstat (limited to 'src/components/DeleteItem.svelte')
| -rw-r--r-- | src/components/DeleteItem.svelte | 49 |
1 files changed, 0 insertions, 49 deletions
diff --git a/src/components/DeleteItem.svelte b/src/components/DeleteItem.svelte deleted file mode 100644 index d45f09e6..00000000 --- a/src/components/DeleteItem.svelte +++ /dev/null @@ -1,49 +0,0 @@ -<script> - import { preventDefault } from 'svelte/legacy'; - - import Icon from "$comp/Icon.svelte"; - import { fail, post } from "$lib/utils"; - import { invalidate } from "$app/navigation"; - - let { item = $bindable() } = $props(); - - let cancel = () => (item = null); - - let submit = async () => { - try { - await post("/api/items/delete", { item }); - invalidate("app:items"); - item = null; - } catch (e) { - fail("Failed to delete item"); - } - }; -</script> - -<div - class="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-20" -> - <div - class="relative top-1/3 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white space-y-5" - > - <h1 class="text-center text-2xl font-semibold">Delete item</h1> - <form onsubmit={preventDefault(submit)}> - <div class="w-full flex"> - <button - type="button" - class="border-2 border-black rounded-xl font-semibold mx-auto py-3 w-40 hover:opacity-80 mx-auto" - onclick={cancel} - onkeydown={cancel} - > - <div class="my-auto">No</div> - </button> - <button - type="submit" - class="border-2 border-black rounded-xl font-semibold mx-auto py-3 w-40 hover:opacity-80 mx-auto bg-black text-white" - > - <div class="my-auto">Yes</div> - </button> - </div> - </form> - </div> -</div> |
