post request

3 files changed, 34 insertions, 1 deletions

diff --git a/src/routes/(app)/[username]/+page.svelte b/src/routes/(app)/[username]/+page.svelte
index a32d2238..94440ef7 100644
--- a/src/routes/(app)/[username]/+page.svelte
+++ b/src/routes/(app)/[username]/+page.svelte
@@ -54,7 +54,7 @@
 			</a>
 
 			<a href={`/${subject.username}/request`}>
-				<button> Request invoice </button>
+				<button>Request invoice</button>
 			</a>
 		</div>
 	</div>
diff --git a/src/routes/(app)/[username]/request/+page.server.js b/src/routes/(app)/[username]/request/+page.server.js
new file mode 100644
index 00000000..dbca433a
--- /dev/null
+++ b/src/routes/(app)/[username]/request/+page.server.js
@@ -0,0 +1,7 @@
+import { auth, post } from "$lib/utils";
+export const actions = {
+	default: async ({ cookies, request }) => {
+		let form = Object.fromEntries(await request.formData());
+    return { request: await post('/requests', form, auth(cookies)) };
+	}
+};
diff --git a/src/routes/(app)/[username]/request/+page.svelte b/src/routes/(app)/[username]/request/+page.svelte
new file mode 100644
index 00000000..9453a136
--- /dev/null
+++ b/src/routes/(app)/[username]/request/+page.svelte
@@ -0,0 +1,26 @@
+<script>
+	import { enhance } from '$app/forms';
+	import { Icon } from '$comp';
+	import { back } from '$lib/utils';
+
+  export let form;
+</script>
+
+<button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}>
+	<Icon icon="arrow-left" style="w-10" />
+</button>
+
+<h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold mb-8">Request an invoice</h1>
+{#if form}
+  {JSON.stringify(form)}
+{/if}
+
+<div class="container max-w-lg px-4">
+	<form method="POST" use:enhance>
+		<textarea name="note" placeholder="Note" class="w-full p-4 border rounded-xl h-48" />
+
+		<button type="submit" class="bg-black text-white border rounded-full px-6 py-2 font-bold">
+			Submit
+		</button>
+	</form>
+</div>