From 234f49b5cd398d294ab79c245f1d64cb98e93c79 Mon Sep 17 00:00:00 2001
From: Big-Iron-Cheems <52252627+Big-Iron-Cheems@users.noreply.github.com>
Date: Mon, 12 Feb 2024 14:07:08 +0100
Subject: [PATCH] Add page to delete Meteor account

---
 src/routes/account/+page.svelte       |  1 +
 src/routes/deleteAccount/+page.svelte | 43 +++++++++++++++++++++++++++
 2 files changed, 44 insertions(+)
 create mode 100644 src/routes/deleteAccount/+page.svelte

diff --git a/src/routes/account/+page.svelte b/src/routes/account/+page.svelte
index f7b25f4..a11b88a 100644
--- a/src/routes/account/+page.svelte
+++ b/src/routes/account/+page.svelte
@@ -149,6 +149,7 @@
                     <a class="button" href="/changeUsername">Change Username</a>
                     <a class="button" href="/changeEmail">Change Email</a>
                     <a class="button" href="/changePassword">Change Password</a>
+                    <a class="button" href="/deleteAccount">Delete Account</a>
                 </div>
             </div>
         </div>
diff --git a/src/routes/deleteAccount/+page.svelte b/src/routes/deleteAccount/+page.svelte
new file mode 100644
index 0000000..d6bab25
--- /dev/null
+++ b/src/routes/deleteAccount/+page.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+    import Navbar from "$lib/components/navbar.svelte";
+    import { browser } from "$app/environment";
+    import { token } from "$lib/user";
+    import { goto } from "$app/navigation";
+    import { api } from "$lib/api";
+
+    let password: string;
+    let error: HTMLSpanElement;
+
+    function submit() {
+        error.textContent = "";
+
+        api("account/deleteAccount?password=" + password, true, "POST")
+            .then(() => goto("/login"))
+            .catch(reason => error.textContent = reason);
+    }
+
+    $: if (browser && !$token) goto("/login");
+</script>
+
+<Navbar/>
+
+<form on:submit|preventDefault={submit}>
+    <h1>Delete Account</h1>
+    <p>By deleting your account, all associated data will be permanently erased,
+        your chat permissions in our Discord server will be revoked,
+        and you will be logged out and redirected to the login page.<br>
+        This action is irreversible. Please enter your password to confirm.</p>
+
+    <label for="password" class="form-label"><b>Password</b></label>
+    <!-- svelte-ignore a11y-autofocus -->
+    <input bind:value={password} type="password" placeholder="Password" id="password" name="password" required autofocus>
+
+    <span bind:this={error} class="error"></span>
+
+    <button type="submit" class="form-button">Confirm</button>
+</form>
+
+<!-- svelte-ignore css-unused-selector -->
+<style>
+    @import "form.css";
+</style>