From 4972b423fe4f88bcef1b790b2287e2db3517b529 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Thu, 30 Nov 2023 12:57:57 -0800
Subject: pin fixes

---
 src/routes/(app)/+layout.svelte                    |  4 +-
 src/routes/(app)/[username]/+layout.server.js      |  1 -
 .../[username]/settings/[...tab]/+page.svelte      | 45 +++++++++++++---------
 .../(app)/[username]/settings/[...tab]/_pos.svelte | 11 +++++-
 .../[username]/settings/[...tab]/_security.svelte  | 31 ++++++++-------
 5 files changed, 55 insertions(+), 37 deletions(-)

(limited to 'src/routes')

diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index 012dd957..7f4e3c7b 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -32,7 +32,7 @@
 		if (browser) {
 			let log = console.log;
 			checkSocket();
-			expirePin();
+      expireTimer = setTimeout(expirePin, user.locktime * 1000 || 300000);
 
 			// if (window.NDEFReader) {
 			// 	try {
@@ -74,7 +74,7 @@
 
 	let expirePin = () => {
 		$pin = null;
-		expireTimer = setTimeout(expirePin, 300000);
+		expireTimer = setTimeout(expirePin, user.locktime * 1000 || 300000);
 	};
 
 	onDestroy(() => {
diff --git a/src/routes/(app)/[username]/+layout.server.js b/src/routes/(app)/[username]/+layout.server.js
index 27502386..8df75f0f 100644
--- a/src/routes/(app)/[username]/+layout.server.js
+++ b/src/routes/(app)/[username]/+layout.server.js
@@ -8,7 +8,6 @@ export let load = async ({ depends, params: { username } }) => {
 		let subject = await get(`/users/${username}`);
 		return { subject };
 	} catch (e) {
-		console.log(e);
 		throw error(500, 'Unable to retrieve user account data');
 	}
 };
diff --git a/src/routes/(app)/[username]/settings/[...tab]/+page.svelte b/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
index 087c9450..a3afce62 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/+page.svelte
@@ -1,5 +1,6 @@
 <script>
-	import { onMount } from 'svelte';
+	import { browser } from '$app/environment';
+	import { onMount, tick } from 'svelte';
 	import { fly } from 'svelte/transition';
 	import { applyAction, deserialize } from '$app/forms';
 
@@ -26,9 +27,13 @@
 	let formElement;
 
 	let { user, token, rates, tab } = data;
+	let prev;
 
 	$: update(data);
-	let update = () => ({ user, token, rates, tab } = data);
+	let update = () => {
+		({ user, token, rates, tab } = data);
+		prev = { ...user };
+	};
 
 	$: form?.user && ({ user } = form);
 
@@ -95,23 +100,25 @@
 				}
 			}
 
-			let event = {
-				pubkey: user.pubkey,
-				created_at: Math.floor(Date.now() / 1000),
-				kind: 0,
-				content: JSON.stringify({
-					name: user.username,
-					about: user.address,
-					picture: `${PUBLIC_COINOS_URL}/public/${user.profile}.webp`
-				}),
-				tags: []
-			};
-
-			try {
-				await sign({ event, user });
-				await send(event);
-			} catch (e) {
-				warning('nostr profile could not be updated');
+			if (['username', 'address', 'profile'].some((a) => user[a] !== prev[a])) {
+				let event = {
+					pubkey: user.pubkey,
+					created_at: Math.floor(Date.now() / 1000),
+					kind: 0,
+					content: JSON.stringify({
+						name: user.username,
+						about: user.address,
+						picture: `${PUBLIC_COINOS_URL}/public/${user.profile}.webp`
+					}),
+					tags: []
+				};
+
+				try {
+					await sign({ event, user });
+					await send(event);
+				} catch (e) {
+					warning('nostr profile could not be updated');
+				}
 			}
 
 			const response = await fetch(formElement.action, {
diff --git a/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte b/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte
index cdcec8ce..a5431d6a 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte
@@ -30,7 +30,6 @@
 	<input type="text" name="email" bind:value={user.email} />
 </div>
 
-
 <div>
 	<div class="flex justify-between items-center">
 		<span class="font-bold">{$t('user.settings.tipPrompt')}</span>
@@ -41,6 +40,16 @@
 	</p>
 </div>
 
+<div>
+	<div class="flex justify-between items-center">
+		<span class="font-bold">{$t('user.settings.publishNip5')}</span>
+		<Toggle id="nip5" bind:value={user.nip5} />
+	</div>
+	<p class="text-secondary mt-1 w-9/12">
+  {$t('user.settings.nip5a')} <span class="font-bold">{user.username}@{$page.url.host}</span> {$t('user.settings.nip5b')}
+	</p>
+</div>
+
 <a href="./shopify">
 	<button
 		class="flex rounded-full border py-2 px-4 font-bold hover:opacity-80 w-full gap-2 my-5 justify-center"
diff --git a/src/routes/(app)/[username]/settings/[...tab]/_security.svelte b/src/routes/(app)/[username]/settings/[...tab]/_security.svelte
index 113f7d7e..3cd0480e 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/_security.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/_security.svelte
@@ -92,6 +92,7 @@
 			}
 		} else {
 			settingPin = true;
+      disablingPin = false;
 		}
 	};
 
@@ -187,6 +188,22 @@
 	{/if}
 </div>
 
+{#if user.haspin}
+	<div>
+		<label for="locktime" class="font-bold mb-1">{$t('user.settings.autoLock')}</label>
+		<p class="text-secondary mb-1">
+			{$t('user.settings.autoLockDescription')}
+		</p>
+		<select name="locktime" class="select-styles block py-3 w-full" value={parseInt(user.locktime)}>
+			<option value={5 * 60}>5 {$t('user.settings.minutes')}</option>
+			<option value={10 * 60}>10 {$t('user.settings.minutes')}</option>
+			<option value={30 * 60}>30 {$t('user.settings.minutes')}</option>
+			<option value={60 * 60}>1 {$t('user.settings.hour')}</option>
+			<option value={8 * 60 * 60}>8 {$t('user.settings.hours')}</option>
+		</select>
+	</div>
+{/if}
+
 <div>
 	<span class="font-bold mb-1">{$t('user.settings.twofa')}</span>
 	<p class="text-secondary mb-4">
@@ -224,20 +241,6 @@
 	{/if}
 </div>
 
-<div>
-	<label for="locktime" class="font-bold mb-1">{$t('user.settings.autoLock')}</label>
-	<p class="text-secondary mb-1">
-		{$t('user.settings.autoLockDescription')}
-	</p>
-	<select name="locktime" class="select-styles block py-3 w-full" value={parseInt(user.locktime)}>
-		<option value={5 * 60}>5 {$t('user.settings.minutes')}</option>
-		<option value={10 * 60}>10 {$t('user.settings.minutes')}</option>
-		<option value={30 * 60}>30 {$t('user.settings.minutes')}</option>
-		<option value={60 * 60}>1 {$t('user.settings.hour')}</option>
-		<option value={8 * 60 * 60}>8 {$t('user.settings.hours')}</option>
-	</select>
-</div>
-
 <div>
 	<label for="seedphrase" class="font-bold">{$t('user.settings.seedPhrase')}</label>
 
-- 
cgit v1.2.3