prettier

1 files changed, 159 insertions, 147 deletions

diff --git a/src/components/RegisterOrLogin.svelte b/src/components/RegisterOrLogin.svelte
index 57e0eeed..5617fc7b 100644
--- a/src/components/RegisterOrLogin.svelte
+++ b/src/components/RegisterOrLogin.svelte
@@ -1,179 +1,191 @@
 <script>
-	import { applyAction, deserialize } from '$app/forms';
-	import { tick } from 'svelte';
-	import { fly } from 'svelte/transition';
-	import { enhance } from '$app/forms';
-	import { Pin, Icon, Spinner } from '$comp';
-	import { focus, fail } from '$lib/utils';
-	import { password, loginRedirect } from '$lib/store';
-	import { t } from '$lib/translations';
-	import { page } from '$app/stores';
-	import { generate } from '$lib/nostr';
-	import { invalidateAll } from '$app/navigation';
+  import { applyAction, deserialize } from "$app/forms";
+  import { tick } from "svelte";
+  import { fly } from "svelte/transition";
+  import { enhance } from "$app/forms";
+  import { Pin, Icon, Spinner } from "$comp";
+  import { focus, fail } from "$lib/utils";
+  import { password, loginRedirect } from "$lib/store";
+  import { t } from "$lib/translations";
+  import { page } from "$app/stores";
+  import { generate } from "$lib/nostr";
+  import { invalidateAll } from "$app/navigation";
 
-	export let form;
-	export let pageID;
+  export let form;
+  export let pageID;
 
-	let token, formElement;
-	let code = [];
-	let redirect;
+  let token, formElement;
+  let code = [];
+  let redirect;
 
-	$password = undefined;
+  $password = undefined;
 
-	$: need2fa = form?.message === '2fa';
-	let cancel = () => (need2fa = false);
-	$: if (form?.message === '2fa' && form.token === token) token = '';
+  $: need2fa = form?.message === "2fa";
+  let cancel = () => (need2fa = false);
+  $: if (form?.message === "2fa" && form.token === token) token = "";
 
-	let username, email, btn;
+  let username, email, btn;
 
-	$: update(form);
-	let update = (form) => form && ({ username, password: $password } = form);
+  $: update(form);
+  let update = (form) => form && ({ username, password: $password } = form);
 
-	$: token && token?.length === 6 && tick().then(() => btn.click());
+  $: token && token?.length === 6 && tick().then(() => btn.click());
 
-	let revealPassword = false;
+  let revealPassword = false;
 
-	let action = {
-		register: '/register',
-		signIn: '/login'
-	}[pageID];
+  let action = {
+    register: "/register",
+    signIn: "/login",
+  }[pageID];
 
-	let loading;
-	async function handleSubmit(e) {
-		loading = true;
+  let loading;
+  async function handleSubmit(e) {
+    loading = true;
 
-		let data = new FormData(this);
-		let user = Object.fromEntries(data);
-		await generate(user);
+    let data = new FormData(this);
+    let user = Object.fromEntries(data);
+    await generate(user);
 
-		for (let k in user) {
-			data.set(k, user[k]);
-		}
+    for (let k in user) {
+      data.set(k, user[k]);
+    }
 
-		const response = await fetch(action, {
-			method: 'POST',
-			body: data
-		});
+    const response = await fetch(action, {
+      method: "POST",
+      body: data,
+    });
 
-		const result = deserialize(await response.text());
+    const result = deserialize(await response.text());
 
-		if (result.type === 'success') {
-			await invalidateAll();
-		}
+    if (result.type === "success") {
+      await invalidateAll();
+    }
 
-		applyAction(result);
-		loading = false;
-	}
+    applyAction(result);
+    loading = false;
+  }
 </script>
 
 {#if need2fa}
-	<Pin bind:value={token} title="Enter 2FA Code" {cancel} notify={false} />
+  <Pin bind:value={token} title="Enter 2FA Code" {cancel} notify={false} />
 {/if}
 
 <div class="pt-10">
-	<div class="w-[243px] mx-auto mb-10">
-		<a href="/">
-			<Icon icon="logo" />
-		</a>
-	</div>
+  <div class="w-[243px] mx-auto mb-10">
+    <a href="/">
+      <Icon icon="logo" />
+    </a>
+  </div>
 
-	<div class="flex justify-center items-center">
-		<div class="shadow-xl rounded-3xl p-10 pb-12 space-y-5 w-full mx-5 md:mx-0 md:w-[400px]">
-			<h1 class="text-2xl font-bold text-center">{$t('login.' + pageID)}</h1>
+  <div class="flex justify-center items-center">
+    <div
+      class="shadow-xl rounded-3xl p-10 pb-12 space-y-5 w-full mx-5 md:mx-0 md:w-[400px]"
+    >
+      <h1 class="text-2xl font-bold text-center">{$t("login." + pageID)}</h1>
 
-			{#if form?.error}
-				<div class="text-red-600 text-center" in:fly>
-					{form.error}
-				</div>
-			{/if}
+      {#if form?.error}
+        <div class="text-red-600 text-center" in:fly>
+          {form.error}
+        </div>
+      {/if}
 
-			<form class="space-y-5" on:submit|preventDefault={handleSubmit} method="POST">
-				<input
-					type="hidden"
-					name="loginRedirect"
-					value={$loginRedirect || $page.url.searchParams.get('redirect')}
-				/>
-				<input type="hidden" name="token" value={token} />
+      <form
+        class="space-y-5"
+        on:submit|preventDefault={handleSubmit}
+        method="POST"
+      >
+        <input
+          type="hidden"
+          name="loginRedirect"
+          value={$loginRedirect || $page.url.searchParams.get("redirect")}
+        />
+        <input type="hidden" name="token" value={token} />
 
-				<div>
-					<label for="username" class="font-semibold">{$t('login.username')}</label>
-					<input
-						name="username"
-						type="text"
-						required
-						class="bg-primary"
-						bind:value={username}
-						use:focus
-						autocapitalize="none"
-					/>
-				</div>
+        <div>
+          <label for="username" class="font-semibold"
+            >{$t("login.username")}</label
+          >
+          <input
+            name="username"
+            type="text"
+            required
+            class="bg-primary"
+            bind:value={username}
+            use:focus
+            autocapitalize="none"
+          />
+        </div>
 
-				<div class="relative">
-					<label for="password" class="block font-semibold">{$t('login.password')}</label>
-					{#if revealPassword}
-						<input
-							name="password"
-							type="text"
-							required
-							class="bg-primary"
-							bind:value={$password}
-							autocapitalize="none"
-						/>
-					{:else}
-						<input
-							name="password"
-							type="password"
-							required
-							class="bg-primary"
-							bind:value={$password}
-							autocapitalize="none"
-						/>
-					{/if}
-					<button
-						type="button"
-						on:click={() => (revealPassword = !revealPassword)}
-						class="absolute right-5 top-10"
-					>
-						<Icon icon={revealPassword ? 'eye' : 'eye-off'} />
-					</button>
-				</div>
+        <div class="relative">
+          <label for="password" class="block font-semibold"
+            >{$t("login.password")}</label
+          >
+          {#if revealPassword}
+            <input
+              name="password"
+              type="text"
+              required
+              class="bg-primary"
+              bind:value={$password}
+              autocapitalize="none"
+            />
+          {:else}
+            <input
+              name="password"
+              type="password"
+              required
+              class="bg-primary"
+              bind:value={$password}
+              autocapitalize="none"
+            />
+          {/if}
+          <button
+            type="button"
+            on:click={() => (revealPassword = !revealPassword)}
+            class="absolute right-5 top-10"
+          >
+            <Icon icon={revealPassword ? "eye" : "eye-off"} />
+          </button>
+        </div>
 
-				{#if pageID === 'register'}
-					<p class="text-secondary text-sm">
-						{$t('login.passwordRecommendation')}
-					</p>
-				{:else}
-					<!-- TODO -->
-					<!-- <div class="flex justify-end items-center"> -->
-					<!-- 	<a href="/forgot" class="underline underline-offset-4 text-black text-sm" -->
-					<!-- 		>{$t('login.forgotUserOrPassword')}</a -->
-					<!-- 	> -->
-					<!-- </div> -->
-				{/if}
+        {#if pageID === "register"}
+          <p class="text-secondary text-sm">
+            {$t("login.passwordRecommendation")}
+          </p>
+        {:else}
+          <!-- TODO -->
+          <!-- <div class="flex justify-end items-center"> -->
+          <!-- 	<a href="/forgot" class="underline underline-offset-4 text-black text-sm" -->
+          <!-- 		>{$t('login.forgotUserOrPassword')}</a -->
+          <!-- 	> -->
+          <!-- </div> -->
+        {/if}
 
-				<button
-					type="submit"
-					class="bg-black text-white w-full rounded-2xl p-4 font-semibold hover:opacity-80"
-					disabled={loading}
-					bind:this={btn}
-				>
-					{#if loading}
-						<Spinner />
-					{:else}
-						{$t('login.' + pageID)}
-					{/if}
-				</button>
-			</form>
+        <button
+          type="submit"
+          class="bg-black text-white w-full rounded-2xl p-4 font-semibold hover:opacity-80"
+          disabled={loading}
+          bind:this={btn}
+        >
+          {#if loading}
+            <Spinner />
+          {:else}
+            {$t("login." + pageID)}
+          {/if}
+        </button>
+      </form>
 
-			<p class="text-secondary text-center font-medium">
-				{pageID === 'register' ? $t('login.haveAccount') : $t('login.noAccount')}
-				<a
-					href={pageID === 'register' ? '/login' : '/register'}
-					class="block md:inline text-black underline underline-offset-4 hover:opacity-80"
-				>
-					{pageID === 'register' ? $t('login.signIn') : $t('login.register')}
-				</a>
-			</p>
-		</div>
-	</div>
+      <p class="text-secondary text-center font-medium">
+        {pageID === "register"
+          ? $t("login.haveAccount")
+          : $t("login.noAccount")}
+        <a
+          href={pageID === "register" ? "/login" : "/register"}
+          class="block md:inline text-black underline underline-offset-4 hover:opacity-80"
+        >
+          {pageID === "register" ? $t("login.signIn") : $t("login.register")}
+        </a>
+      </p>
+    </div>
+  </div>
 </div>