From 9afdcf8b4a7fa87de082aab37d2ab6db4743bd01 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Mon, 18 Dec 2023 09:29:01 -0800
Subject: password reset

---
 .../(app)/[username]/(profile)/+layout.svelte      | 51 +++++++++++++++++-----
 1 file changed, 40 insertions(+), 11 deletions(-)

diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index e33c4b23..fb301905 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -1,6 +1,6 @@
 <script>
   import { hexToUint8Array } from "uint8array-extras";
-  import { copy, f, s, sats } from "$lib/utils";
+  import { f, post, s, sats, success, fail } from "$lib/utils";
   import Icon from "$comp/Icon.svelte";
   import { t } from "$lib/translations";
   import { sign, send } from "$lib/nostr";
@@ -16,11 +16,9 @@
   $: ({ currency, username: n, display } = subject);
 
   $: username = n.length > 60 ? n.substr(0, 6) : display || n;
-  $: npub = bech32m.encode(
-    "npub",
-    toWords(hexToUint8Array(subject.pubkey)),
-    180
-  );
+  $: npub =
+    subject.pubkey &&
+    bech32m.encode("npub", toWords(hexToUint8Array(subject.pubkey)), 180);
   $: lnaddr = `${n}@${$page.url.host}`;
   $: profile = `${$page.url.host}/${n}`;
 
@@ -64,6 +62,17 @@
 
   let showDetails;
   let toggleDetails = () => (showDetails = !showDetails);
+
+  let password;
+
+  let reset = async () => {
+    try {
+      await post(`/${subject.username}/reset`, { password });
+      success("Password reset");
+    } catch (e) {
+      fail(e.message);
+    }
+  };
 </script>
 
 <div class="container mx-auto w-full px-4 flex flex-wrap lg:flex-nowrap">
@@ -157,7 +166,8 @@
           <div class="w-full flex">
             <button
               class="mx-auto rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white"
-              on:click={unfollow}>
+              on:click={unfollow}
+            >
               <div class="mx-auto flex">
                 <Icon icon={"profile"} style="my-auto h-6 mr-2 invert" />
                 <div class="my-auto">{$t("user.following")}</div>
@@ -168,7 +178,8 @@
           <div class="w-full flex">
             <button
               class="mx-auto rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60"
-              on:click={follow}>
+              on:click={follow}
+            >
               <div class="mx-auto flex">
                 <Icon icon={"profile"} style="my-auto h-6 mr-2" />
                 <div class="my-auto">{$t("user.follow")}</div>
@@ -182,7 +193,8 @@
         <div class="w-full flex">
           <a href={`/${subject.username}/messages`} class="mx-auto">
             <button
-              class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60">
+              class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60"
+            >
               <div class="mx-auto flex">
                 <Icon icon="message" style="mr-2 my-auto" />
                 <div class="mt-1 my-auto">{$t("user.message")}</div>
@@ -198,9 +210,11 @@
             href={user
               ? `/send/${subject.username}`
               : `/${subject.username}/receive`}
-            class="mx-auto">
+            class="mx-auto"
+          >
             <button
-              class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60">
+              class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60"
+            >
               <div class="mx-auto flex">
                 <Icon icon="send" style="mr-2" />
                 <div class="mt-1">{$t("user.pay")}</div>
@@ -209,6 +223,21 @@
           </a>
         </div>
       {/if}
+
+      {#if user?.admin && user.username !== subject.username}
+        <form class="w-full flex" on:submit|preventDefault={reset}>
+          <input placeholder="Password reset" bind:value={password} />
+          <button
+            type="submit"
+            class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60"
+          >
+            <div class="mx-auto flex">
+              <Icon icon="clock" style="mr-2 my-auto w-8" />
+              <div class="mt-1 my-auto">Reset</div>
+            </div>
+          </button>
+        </form>
+      {/if}
     </div>
   </div>
 
-- 
cgit v1.2.3