invoice type selection

1 files changed, 37 insertions, 0 deletions

diff --git a/src/components/SetType.svelte b/src/components/SetType.svelte
new file mode 100644
index 00000000..7e80d0bc
--- /dev/null
+++ b/src/components/SetType.svelte
@@ -0,0 +1,37 @@
+<script>
+  import InvoiceTypes from "$comp/InvoiceTypes.svelte";
+  import { focus } from "$lib/utils";
+
+  let {
+    newAmount = $bindable(),
+    invoice,
+    user,
+    submit = $bindable(),
+    settingType,
+    setAmount,
+    setType,
+    toggleType,
+    t,
+  } = $props();
+
+  let { aid, type } = $derived(invoice);
+</script>
+
+{#if settingType}
+  <div
+    class="fixed inset-0 bg-base-100 bg-opacity-90 overflow-y-auto h-full w-full z-50"
+  >
+    <div
+      class="relative mx-auto p-12 max-w-xl shadow-lg rounded-md bg-base-100 space-y-2"
+    >
+      <InvoiceTypes
+        bind:newAmount
+        {setAmount}
+        {invoice}
+        {user}
+        {setType}
+        t={$t}
+      />
+    </div>
+  </div>
+{/if}