From 13e1c4928de4d41bc86620cff62d1b54c2238fa8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C5=91rik=20Levente?= <levminer@levminer.com>
Date: Mon, 11 Sep 2023 11:51:59 +0200
Subject: [PATCH] Update descriptions

---
 interface/windows/import/import.svelte     | 12 ++++-----
 interface/windows/settings/settings.svelte | 30 +++++++++++-----------
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/interface/windows/import/import.svelte b/interface/windows/import/import.svelte
index c14e3b6c..cdd1c3c9 100644
--- a/interface/windows/import/import.svelte
+++ b/interface/windows/import/import.svelte
@@ -1,10 +1,10 @@
 <div class="transparent-900 m-auto my-20 w-4/5 rounded-2xl p-10 text-left">
-	<h1 class="px-10">Supported QR codes</h1>
+	<h1 class="px-10">Supported 2FA types</h1>
 	<div class="mx-auto flex flex-col items-center justify-center rounded-2xl p-10">
 		<div class="transparent-800 mb-5 flex w-full flex-row items-center justify-between rounded-xl p-5 text-left sm:flex-wrap">
 			<div>
 				<h2>TOTP 2FA QR code</h2>
-				<h3>A TOTP QR code is that you find mostly everywhere, if you want to setup 2FA. Consist of 6 digits which are changing every 30 seconds.</h3>
+				<h3>A TOTP QR code is what you find mostly everywhere, if you want to setup 2FA. Consist of 6 digits which are changing every 30 seconds.</h3>
 			</div>
 			<div class="ml-20 flex gap-3 sm:ml-0 sm:mt-5">
 				<button class="button" on:click={showTOTPDialog}>
@@ -160,8 +160,8 @@
 
 	<div class="mt-10 flex flex-row space-x-5">
 		<ol class="instructions">
-			<li>Export the QR codes from the Google Authenticator app: Tap on the hamburger menu in the top left corner of the screen: Transfer Accounts > Export Accounts</li>
-			<li>Save the two or more QR code with a screenshot or take a picture with another phone if you are on Android. Transfer these pictures to your computer</li>
+			<li>Export the 2FA codes from the Google Authenticator app: Tap on the hamburger menu in the top left corner of the screen: Transfer Accounts > Export Accounts</li>
+			<li>Save the migration QR code(s) with a screenshot or take a picture with another phone if you are on Android. Transfer these pictures to your computer</li>
 			<li>In Authme, go to the Import page: Sidebar > Import</li>
 			<li>Click the Choose images button and select the picture(s) you transferred from your phone</li>
 		</ol>
@@ -184,9 +184,9 @@
 	<div class="mt-10 flex flex-row space-x-5">
 		<ol class="instructions">
 			<li>Go to the website where you want to setup 2FA</li>
-			<li>Take a screenshot (Windows key + Shift + S key combination on Windows, Cmd + Shift + 3 on macOS) of the QR code, and save the pictures</li>
+			<li>Take a screenshot (Windows key + Shift + S key combination on Windows, Cmd + Shift + 3 on macOS) of the QR code, and save the picture</li>
 			<li>In Authme, go to the Import page: Sidebar > Import</li>
-			<li>Click the Choose images button and select the pictures(s)</li>
+			<li>Click the Choose images button and select the picture</li>
 		</ol>
 	</div>
 
diff --git a/interface/windows/settings/settings.svelte b/interface/windows/settings/settings.svelte
index 8ac88ab6..e7d32fea 100644
--- a/interface/windows/settings/settings.svelte
+++ b/interface/windows/settings/settings.svelte
@@ -45,7 +45,7 @@
 		<div class="transparent-800 mb-5 flex w-full flex-row items-center justify-between rounded-xl p-5 text-left">
 			<div>
 				<h2>Clear data</h2>
-				<h3>Clear password, 2FA codes and all other settings. Be careful.</h3>
+				<h3>Clear password, 2FA codes and all other settings. Be careful, this can not be undone.</h3>
 			</div>
 			<div class="ml-20 flex gap-3">
 				<button class="button" on:click={clearData}>
@@ -61,23 +61,10 @@
 	<h1 class="px-10">Codes</h1>
 
 	<div class="mx-auto flex flex-col items-center justify-center rounded-2xl p-10">
-		<div class="transparent-800 mb-5 flex w-full flex-row items-center justify-between rounded-xl p-5 text-left">
-			<div>
-				<h2>Delete codes</h2>
-				<h3>You can delete all codes. Be careful, this can not be undone.</h3>
-			</div>
-			<div class="ml-20 flex gap-3">
-				<button class="button" on:click={deleteCodes}>
-					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18" /><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="11" x2="14" y2="17" /></svg>
-					Delete codes
-				</button>
-			</div>
-		</div>
-
 		<div class="transparent-800 mb-5 flex w-full flex-row items-center justify-between rounded-xl p-5 text-left">
 			<div>
 				<h2>Codes description</h2>
-				<h3>The saved codes description will be visible. You can copy it after clicking it.</h3>
+				<h3>2FA codes description will be visible. You can copy it after clicking it.</h3>
 			</div>
 			<div class="ml-20 flex gap-3">
 				<Toggle bind:checked={$settings.settings.codesDescription} />
@@ -113,6 +100,19 @@
 				<Select options={["Default", "A-Z", "Z-A"]} setting={"sortCodes"} />
 			</div>
 		</div>
+
+		<div class="transparent-800 mb-5 flex w-full flex-row items-center justify-between rounded-xl p-5 text-left">
+			<div>
+				<h2>Delete codes</h2>
+				<h3>Delete all imported 2FA codes. Be careful, this can not be undone.</h3>
+			</div>
+			<div class="ml-20 flex gap-3">
+				<button class="button" on:click={deleteCodes}>
+					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18" /><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="11" x2="14" y2="17" /></svg>
+					Delete codes
+				</button>
+			</div>
+		</div>
 	</div>
 </div>