From 11d61d157f6fe58b383a5894b91d78061883de24 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Thu, 18 May 2023 08:33:04 -0700
Subject: [PATCH] Clarify the text around deleting console account

Console accounts are not actually deleted so a user won't be able to
re-create their account after "deleting" it.
---
 src/routes/console/account/+page.svelte  |  4 ++--
 src/routes/console/account/delete.svelte | 24 +++++++++++++++++++-----
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/routes/console/account/+page.svelte b/src/routes/console/account/+page.svelte
index b94dc86cc8..d9247c0be5 100644
--- a/src/routes/console/account/+page.svelte
+++ b/src/routes/console/account/+page.svelte
@@ -154,10 +154,10 @@
     </Form>
     <CardGrid danger>
         <div>
-            <Heading tag="h6" size="7">Delete Account</Heading>
+            <Heading tag="h6" size="7">Deactivate Account</Heading>
         </div>
         <p>
-            Your account will be permanently deleted and access will be lost to any of your teams
+            Your account will be permanently deactivated and access will be lost to any of your teams
             and data. This action is irreversible.
         </p>
         <svelte:fragment slot="aside">
diff --git a/src/routes/console/account/delete.svelte b/src/routes/console/account/delete.svelte
index cf981d4e94..890c407632 100644
--- a/src/routes/console/account/delete.svelte
+++ b/src/routes/console/account/delete.svelte
@@ -1,13 +1,15 @@
 <script lang="ts">
     import { invalidate } from '$app/navigation';
-    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { Modal } from '$lib/components';
     import { Dependencies } from '$lib/constants';
-    import { Button } from '$lib/elements/forms';
+    import { Button, FormList, InputText } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
     import { sdkForConsole } from '$lib/stores/sdk';
+    import { user } from '$lib/stores/user';
 
     export let showDelete = false;
+    let email: string = null;
 
     const deleteAccount = async () => {
         try {
@@ -30,10 +32,22 @@
 </script>
 
 <Modal bind:show={showDelete} on:submit={deleteAccount} warning>
-    <svelte:fragment slot="header">Delete Account</svelte:fragment>
-    <p>Are you sure you want to delete your account?</p>
+    <svelte:fragment slot="header">Deactivate Account</svelte:fragment>
+    <p>
+        Are you sure you want to deactivate your account? <b
+            >This action is irreversible, and you cannot create a new account again with this email.</b>
+    </p>
+    <FormList>
+        <InputText
+            label={`Enter "${$user.email}" to continue`}
+            placeholder="Enter email"
+            id="user-email"
+            autofocus
+            required
+            bind:value={email} />
+    </FormList>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showDelete = false)}>Cancel</Button>
-        <Button secondary submit>Delete</Button>
+        <Button disabled={!email || email !== $user.email} secondary submit>Delete</Button>
     </svelte:fragment>
 </Modal>