From 901e56a625c5b5028c776100ff25e4058ba4e58a Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Tue, 4 Mar 2025 10:58:14 -0800
Subject: [PATCH] Tweak settings page, hide alerts

---
 src/app/components/Alerts.svelte         |  5 ++++-
 src/app/components/ProfileDelete.svelte  |  8 +++++---
 src/routes/settings/profile/+page.svelte | 19 +++++++++++++------
 3 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/app/components/Alerts.svelte b/src/app/components/Alerts.svelte
index 6bc2c91..75e80e4 100644
--- a/src/app/components/Alerts.svelte
+++ b/src/app/components/Alerts.svelte
@@ -11,7 +11,10 @@
 
 <div class="card2 bg-alt flex flex-col gap-6 shadow-xl">
   <div class="flex items-center justify-between">
-    <strong>Alerts</strong>
+    <strong class="flex items-center gap-3">
+      <Icon icon="inbox" />
+      Alerts
+    </strong>
     <Button class="btn btn-primary btn-sm" onclick={startAlert}>
       <Icon icon="add-circle" />
       Add Alert
diff --git a/src/app/components/ProfileDelete.svelte b/src/app/components/ProfileDelete.svelte
index 4d9a67a..c6e8190 100644
--- a/src/app/components/ProfileDelete.svelte
+++ b/src/app/components/ProfileDelete.svelte
@@ -17,7 +17,7 @@
   import ModalFooter from "@lib/components/ModalFooter.svelte"
   import {pushToast} from "@app/toast"
   import {logout} from "@app/commands"
-  import {INDEXER_RELAYS, userMembership, getMembershipUrls} from "@app/state"
+  import {INDEXER_RELAYS, PLATFORM_NAME, userMembership, getMembershipUrls} from "@app/state"
 
   let progress: number | undefined = $state(undefined)
   let confirmText = $state("")
@@ -120,8 +120,10 @@
     <progress class="progress progress-primary w-full" value={progress! * 100} max="100"></progress>
   {:else}
     <p>
-      Are you sure? To confirm, please type "{CONFIRM_TEXT}" into the text box below. This action
-      can't be undone.
+      This will delete your nostr account everywhere, not just on {PLATFORM_NAME}.
+    </p>
+    <p>
+      To confirm, please type "{CONFIRM_TEXT}" into the text box below. This action can't be undone.
     </p>
     <label class="input input-bordered flex w-full items-center gap-2">
       <input bind:value={confirmText} class="grow" type="text" />
diff --git a/src/routes/settings/profile/+page.svelte b/src/routes/settings/profile/+page.svelte
index 214e01d..d76734c 100644
--- a/src/routes/settings/profile/+page.svelte
+++ b/src/routes/settings/profile/+page.svelte
@@ -12,7 +12,6 @@
   import ProfileEdit from "@app/components/ProfileEdit.svelte"
   import ProfileDelete from "@app/components/ProfileDelete.svelte"
   import InfoKeys from "@app/components/InfoKeys.svelte"
-  import Alerts from "@app/components/Alerts.svelte"
   import {PLATFORM_NAME} from "@app/state"
   import {pushModal} from "@app/modal"
   import {clip} from "@app/toast"
@@ -84,7 +83,10 @@
   <div class="card2 bg-alt col-4 shadow-xl">
     <FieldInline>
       {#snippet label()}
-        <p>Public Key</p>
+        <p class="flex items-center gap-3">
+          <Icon icon="key" />
+          Public Key
+        </p>
       {/snippet}
       {#snippet input()}
         <label class="input input-bordered flex w-full items-center justify-between gap-2">
@@ -107,7 +109,10 @@
     {#if $session?.method === "nip01"}
       <FieldInline>
         {#snippet label()}
-          <p>Private Key</p>
+          <p class="flex items-center gap-3">
+            <Icon icon="key" />
+            Private Key
+          </p>
         {/snippet}
         {#snippet input()}
           <label class="input input-bordered flex w-full items-center gap-2">
@@ -124,10 +129,12 @@
       </FieldInline>
     {/if}
   </div>
-  <Alerts />
   <div class="card2 bg-alt shadow-xl">
     <div class="flex items-center justify-between">
-      <strong>Advanced</strong>
+      <strong class="flex items-center gap-3">
+        <Icon icon="settings" />
+        Advanced
+      </strong>
       <Button onclick={() => (showAdvanced = !showAdvanced)}>
         {#if showAdvanced}
           <Icon icon="alt-arrow-down" />
@@ -137,7 +144,7 @@
       </Button>
     </div>
     {#if showAdvanced}
-      <div transition:slideAndFade class="pt-4">
+      <div transition:slideAndFade class="flex flex-col gap-2 pt-4">
         <Button class="btn btn-outline btn-error" onclick={startDelete}>
           <Icon icon="trash-bin-2" />
           Delete your profile