Fixes for login

src/components/NavMenu/NavMenu.tsx

@@ -86,7 +86,7 @@ const NavMenu: Component< { id?: string } > = (props) => {
         </div>
       </Show>
 
-      <Show when={!account?.hasPublicKey()}>
+      <Show when={account?.isKeyLookupDone && !account?.hasPublicKey()}>
         <div class={styles.callToAction}>
           <div class={styles.message}>
             {intl.formatMessage(tPlaceholders.welcomeMessage)}

src/pages/CreateAccount.module.scss

@@ -508,3 +508,17 @@ form {
     }
   }
 }
+
+.suggestedUsers {
+  height: calc(100vh - 320px);
+  overflow-y: scroll;
+  margin-bottom: 24px;
+}
+
+.stepIntro {
+  color: var(--text-secondary);
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  margin-bottom: 21px;
+}

src/pages/CreateAccount.tsx

@@ -1,6 +1,6 @@
 import { useIntl } from '@cookbook/solid-intl';
 import { useNavigate } from '@solidjs/router';
-import { Component, createEffect, createMemo, createSignal, For, onMount, Show } from 'solid-js';
+import { Component, createEffect, createMemo, createSignal, For, Match, onMount, Show, Switch } from 'solid-js';
 import { APP_ID } from '../App';
 import Avatar from '../components/Avatar/Avatar';
 import Loader from '../components/Loader/Loader';
@@ -245,6 +245,7 @@ const CreateAccount: Component = () => {  const intl = useIntl();
 
     if (success) {
       await (new Promise((res) => setTimeout(() => res(true), 100)));
+
       toast?.sendSuccess(intl.formatMessage(tToast.updateProfileSuccess));
       pubkey && getUserProfiles([pubkey], `user_profile_${APP_ID}`);
 
@@ -402,6 +403,18 @@ const CreateAccount: Component = () => {  const intl = useIntl();
 
       <div class={['name', 'info'].includes(currentStep()) ? '' : 'invisible'}>
         <div id="central_header" class={styles.fullHeader}>
+          <Switch>
+            <Match when={currentStep() === 'name'}>
+              <div class={styles.stepIntro}>
+                Let’s start with the basics. Only the username is required!
+              </div>
+            </Match>
+            <Match when={currentStep() === 'info'}>
+              <div class={styles.stepIntro}>
+                Tell us a bit more about yourself. Everything on this page is optional!
+              </div>
+            </Match>
+          </Switch>
           <div id="profile_banner" class={`${styles.banner} ${flagBannerForWarning()}`}>
             <Show when={isUploadingBanner()}>
               <div class={styles.uploadingOverlay}><Loader /></div>
@@ -601,6 +614,9 @@ const CreateAccount: Component = () => {  const intl = useIntl();
 
 
         <div class={currentStep() === 'follow' ? '' : 'invisible'}>
+          <div class={styles.stepIntro}>
+            We found some Nostr accounts for you to follow:
+          </div>
           <div class={styles.recomendedFollowsCaption}>
             <div class={styles.caption}>
               {intl.formatMessage(tAccount.prominentNostriches)}
@@ -621,7 +637,7 @@ const CreateAccount: Component = () => {  const intl = useIntl();
               </Show>
             </div>
           </div>
-          <div>
+          <div class={styles.suggestedUsers}>
             <For each={suggestedUsers}>
               {user => (
                 <div class={styles.userToFollow}>