A few more api call basics

web/pages/index.js

@@ -19,6 +19,15 @@ function Home() {
             Once you have logged in you should be able to click in{" "}
             <i>Profile</i> and <i>Logout</i>
           </p>
+        </>
+      )}
+
+      {user && (
+        <>
+          <h4>Rendered user info on the client</h4>
+          <img src={user.picture} alt="user picture" />
+          <p>nickname: {user.nickname}</p>
+          <p>name: {user.name}</p>
           <p>
             <form method="POST" action="/api/v1/bookmarks">
               <label for="title">title: </label>
@@ -31,15 +40,6 @@ function Home() {
           </p>
         </>
       )}
-
-      {user && (
-        <>
-          <h4>Rendered user info on the client</h4>
-          <img src={user.picture} alt="user picture" />
-          <p>nickname: {user.nickname}</p>
-          <p>name: {user.name}</p>
-        </>
-      )}
     </Layout>
   );
 }