Improved export codes #261

interface/windows/export/export.svelte

@@ -1,23 +1,5 @@
-<div class="transparent-900 exportCodes m-auto my-20 w-4/5 rounded-2xl p-10 text-left">
-	<h1 class="px-10">Export 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>Exporting codes</h2>
-				<h3>Your saved codes can be exported here. Ideal if you want to use your codes elsewhere or for a security backup.</h3>
-			</div>
-			<div class="ml-20 flex gap-3">
-				<button class="button" on:click={exportCodes}>
-					<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="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z" /><path d="m9 12 2 2 4-4" /></svg>
-					Confirm
-				</button>
-			</div>
-		</div>
-	</div>
-</div>
-
 <div class="transparent-900 saveExportedCodes m-auto my-20 hidden w-4/5 rounded-2xl p-10 text-left">
-	<h1 class="px-10">Save exported codes</h1>
+	<h1 class="px-10">Export 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>
@@ -48,5 +30,10 @@
 </div>
 
 <script lang="ts">
+	import { onMount } from "svelte"
 	import { exportCodes, exportAuthmeFile, exportHtmlFile } from "./index"
+
+	onMount(() => {
+		exportCodes()
+	})
 </script>

interface/windows/export/index.ts

@@ -26,7 +26,6 @@ export const exportCodes = async () => {
 		}
 
 		document.querySelector(".saveExportedCodes").style.display = "block"
-		document.querySelector(".exportCodes").style.display = "none"
 
 		const decryptedText = await decryptData(codes)