From 925e623a6401ceff64a47e8eca802a5425846279 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Wed, 30 Mar 2022 19:15:38 -0500
Subject: [PATCH] Prevent flash of sign in button on navigate

---
 web/components/nav/sidebar.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/components/nav/sidebar.tsx b/web/components/nav/sidebar.tsx
index b0e81995..0af007dc 100644
--- a/web/components/nav/sidebar.tsx
+++ b/web/components/nav/sidebar.tsx
@@ -77,19 +77,22 @@ export default function Sidebar() {
   folds = _.sortBy(folds, 'followCount').reverse()
 
   return (
-    <nav aria-label="Sidebar" className="sticky top-4 divide-y divide-gray-300">
+    <nav
+      aria-label="Sidebar"
+      className="sticky top-4 mt-4 divide-y divide-gray-300"
+    >
       <div className="space-y-1 pb-6">
         <ManifoldLogo hideText />
       </div>
 
-      <div>
+      <div style={{ minHeight: 93 }}>
         {user ? (
           <Link href={`/${user.username}`}>
             <a className="group">
               <ProfileSummary user={user} />
             </a>
           </Link>
-        ) : (
+        ) : user === null ? (
           <div className="py-6 text-center">
             <button
               className="btn border-none bg-gradient-to-r from-teal-500 to-green-500 px-10 text-lg font-medium normal-case hover:from-teal-600 hover:to-green-600"
@@ -98,6 +101,8 @@ export default function Sidebar() {
               Sign in
             </button>
           </div>
+        ) : (
+          <div />
         )}
       </div>