Initial invite accept UI

2 files changed, 45 insertions, 0 deletions

diff --git a/ui/routes/(login)/invite/[invite]/+page.js b/ui/routes/(login)/invite/[invite]/+page.js
new file mode 100644
index 0000000..d90f542
--- /dev/null
+++ b/ui/routes/(login)/invite/[invite]/+page.js
@@ -0,0 +1,17 @@
+import { getInvite } from '$lib/apiServer';
+
+export async function load({ params }) {
+	let { invite } = params;
+	let response = await getInvite(invite);
+	switch (response.status) {
+		case 200:
+			return response.data;
+			break;
+		case 404:
+			return null;
+			break;
+		default:
+			// TODO: display error.
+			break;
+	}
+}
diff --git a/ui/routes/(login)/invite/[invite]/+page.svelte b/ui/routes/(login)/invite/[invite]/+page.svelte
new file mode 100644
index 0000000..eea05fc
--- /dev/null
+++ b/ui/routes/(login)/invite/[invite]/+page.svelte
@@ -0,0 +1,28 @@
+<script>
+    import { goto } from '$app/navigation';
+    import { page } from '$app/stores';
+    import { acceptInvite } from '$lib/apiServer';
+
+    $: inviteId = $page?.params?.invite;
+    $: invite = $page.data;
+
+    import LogIn from '$lib/components/LogIn.svelte';
+
+    let disabled;
+    let username;
+    let password;
+
+    async function onSubmit() {
+        disabled = true;
+        const response = await acceptInvite(inviteId, username, password);
+        if (200 <= response.status && response.status < 300) {
+            username = '';
+            password = '';
+            goto('/');
+        }
+        disabled = false;
+    }
+</script>
+
+<p>Hi there! {invite.issuer.name} invites you to the conversation.</p>
+<LogIn bind:disabled bind:username bind:password on:submit={onSubmit} />