aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/DeleteItem.svelte
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2024-11-26 21:45:00 -0800
committerAdam Soltys <[email protected]>2024-11-26 21:45:00 -0800
commitf4eb6547d0db5edd0137fdefe461433500515040 (patch)
tree86a24ca7f263f80f322d59b2e5def5fc6b062719 /src/components/DeleteItem.svelte
parent872aa0b3b0b9a847b8afcdee7f1ad53c524ce4f0 (diff)
downloadcoinos-ui-f4eb6547d0db5edd0137fdefe461433500515040.tar.gz
coinos-ui-f4eb6547d0db5edd0137fdefe461433500515040.zip
warnings
Diffstat (limited to 'src/components/DeleteItem.svelte')
-rw-r--r--src/components/DeleteItem.svelte49
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>