From f196bcfb485adfb36324aabf32a3449471319bbd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Sun, 25 Feb 2024 17:50:01 +0100
Subject: [PATCH] Fix 2FA deletion copy

---
 src/routes/console/account/deleteMfa.svelte         |  8 ++++++--
 .../auth/user-[user]/deleteMfa.svelte               | 13 +++++--------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/routes/console/account/deleteMfa.svelte b/src/routes/console/account/deleteMfa.svelte
index 6b113e406..d1fc639f9 100644
--- a/src/routes/console/account/deleteMfa.svelte
+++ b/src/routes/console/account/deleteMfa.svelte
@@ -39,14 +39,18 @@
 </script>
 
 <Modal
-    title="Delete authentication provider"
+    title="Delete authentication method"
     bind:show={showDelete}
     onSubmit={deleteProvider}
     icon="exclamation"
     state="warning"
     bind:error
     headerDivider={false}>
-    <p>Are you sure you want to delete this authentication method from your account?</p>
+    <p class="u-bold">
+        Deleting the authentication method will disable multi-factor authentication for your
+        account. To re-enable it, you'll need to add a new authentication method.
+    </p>
+    <p>Enter the 6-digit verification code generated by your authenticator app to continue.</p>
     <FormList>
         <InputDigits autofocus required bind:value={code} />
     </FormList>
diff --git a/src/routes/console/project-[project]/auth/user-[user]/deleteMfa.svelte b/src/routes/console/project-[project]/auth/user-[user]/deleteMfa.svelte
index 912fab0b1..06322677f 100644
--- a/src/routes/console/project-[project]/auth/user-[user]/deleteMfa.svelte
+++ b/src/routes/console/project-[project]/auth/user-[user]/deleteMfa.svelte
@@ -4,8 +4,6 @@
     import { Modal } from '$lib/components';
     import { Dependencies } from '$lib/constants';
     import { Button } from '$lib/elements/forms';
-    import FormList from '$lib/elements/forms/formList.svelte';
-    import InputDigits from '$lib/elements/forms/inputDigits.svelte';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
     import { AuthenticatorType } from '@appwrite.io/console';
@@ -13,7 +11,6 @@
 
     export let showDelete = false;
 
-    let code: string;
     let error: string;
 
     async function deleteProvider() {
@@ -34,23 +31,23 @@
     }
 
     $: if (showDelete) {
-        code = '';
         error = '';
     }
 </script>
 
 <Modal
-    title="Delete authentication provider"
+    title="Delete authentication method"
     bind:show={showDelete}
     onSubmit={deleteProvider}
     icon="exclamation"
     state="warning"
     bind:error
     headerDivider={false}>
+    <p class="u-bold">
+        Deleting the authentication method will disable multi-factor authentication for this
+        account. To re-enable it, user will need to add a new authentication method.
+    </p>
     <p>Are you sure you want to delete this authentication method from your account?</p>
-    <FormList>
-        <InputDigits autofocus required bind:value={code} />
-    </FormList>
 
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showDelete = false)}>Cancel</Button>