Cleanup

packages/app/src/Pages/Layout.tsx

@@ -53,31 +53,35 @@ export default function Layout() {
     }
   }, [location]);
 
-  return (<>
-    <div className={pageClass}>
-      {!shouldHideHeader && (
-        <header className="main-content">
-          <LogoHeader />
-          <AccountHeader />
-        </header>
-      )}
-      <Outlet />
-
-      {!shouldHideNoteCreator && (
-        <>
-          <button className="primary note-create-button" onClick={() => note.update(v => {
-            v.replyTo = undefined;
-            v.show = true
-          })}>
-            <Icon name="plus" size={16} />
-          </button>
-          <NoteCreator />
-        </>
-      )}
-      <Toaster />
-    </div>
-    <LoginUnlock />
-  </>
+  return (
+    <>
+      <div className={pageClass}>
+        {!shouldHideHeader && (
+          <header className="main-content">
+            <LogoHeader />
+            <AccountHeader />
+          </header>
+        )}
+        <Outlet />
+        {!shouldHideNoteCreator && (
+          <>
+            <button
+              className="primary note-create-button"
+              onClick={() =>
+                note.update(v => {
+                  v.replyTo = undefined;
+                  v.show = true;
+                })
+              }>
+              <Icon name="plus" size={16} />
+            </button>
+            <NoteCreator />
+          </>
+        )}
+        <Toaster />
+      </div>
+      <LoginUnlock />
+    </>
   );
 }
 
@@ -138,7 +142,7 @@ const AccountHeader = () => {
       <button type="button" onClick={() => navigate("/login")}>
         <FormattedMessage {...messages.Login} />
       </button>
-    )
+    );
   }
   return (
     <div className="header-actions">
@@ -199,4 +203,4 @@ function LogoHeader() {
       )}
     </Link>
   );
-}
+}

packages/app/src/Pages/LoginPage.tsx

@@ -300,15 +300,23 @@ export default function LoginPage() {
             <AsyncButton onClick={() => setPin(true)}>
               <FormattedMessage defaultMessage="Create Account" />
             </AsyncButton>
-            {pin && <PinPrompt subTitle={<p>
-              <FormattedMessage defaultMessage="Enter a pin to encrypt your private key, you must enter this pin every time you open Snort." />
-            </p>} onResult={async pin => {
-              if (key) {
-                await doLogin(pin);
-              } else {
-                await makeRandomKey(pin);
-              }
-            }} onCancel={() => setPin(false)} />}
+            {pin && (
+              <PinPrompt
+                subTitle={
+                  <p>
+                    <FormattedMessage defaultMessage="Enter a pin to encrypt your private key, you must enter this pin every time you open Snort." />
+                  </p>
+                }
+                onResult={async pin => {
+                  if (key) {
+                    await doLogin(pin);
+                  } else {
+                    await makeRandomKey(pin);
+                  }
+                }}
+                onCancel={() => setPin(false)}
+              />
+            )}
             {altLogins()}
           </div>
           {installExtension()}

packages/app/src/Pages/ProfilePage.tsx

@@ -326,14 +326,14 @@ export default function ProfilePage() {
           targets={
             lnurl?.lnurl && id
               ? [
-                {
-                  type: "lnurl",
-                  value: lnurl?.lnurl,
-                  weight: 1,
-                  name: user?.display_name || user?.name,
-                  zap: { pubkey: id },
-                } as ZapTarget,
-              ]
+                  {
+                    type: "lnurl",
+                    value: lnurl?.lnurl,
+                    weight: 1,
+                    name: user?.display_name || user?.name,
+                    zap: { pubkey: id },
+                  } as ZapTarget,
+                ]
               : undefined
           }
           show={showLnQr}