chore: cleanup next.js dev app header (#10002)

nextauthjs · Feb 11, 2024 · d5e7c7e · d5e7c7e
1 parent 4480bdf
commit d5e7c7e
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 25 deletions.
diff --git a/apps/dev/nextjs/app/layout.tsx b/apps/dev/nextjs/app/layout.tsx
@@ -24,10 +24,10 @@ export async function AppHeader() {
       session={session}
       signIn={
         <form
-          action={async (formData) => {
+          action={async () => {
             "use server"
             try {
-              await signIn("credentials", formData)
+              await signIn()
             } catch (error) {
               if (error instanceof AuthError) {
                 console.log(error)

diff --git a/apps/dev/nextjs/components/header.tsx b/apps/dev/nextjs/components/header.tsx
@@ -14,30 +14,14 @@ export function Header({
   return (
     <header className={styles.header}>
       <div className={styles.signedInStatus}>
-        {!session?.user && (
+        <img
+          src={
+            session?.user?.image ?? "https://source.boringavatars.com/beam/120"
+          }
+          className={styles.avatar}
+        />
+        {session?.user ? (
           <>
-            <img
-              src={
-                session?.user?.image ??
-                "https://source.boringavatars.com/beam/120"
-              }
-              className={styles.avatar}
-            />
-            <span className={styles.notSignedInText}>
-              You are not signed in
-            </span>
-            {signIn}
-          </>
-        )}
-        {session?.user && (
-          <>
-            <img
-              src={
-                session?.user?.image ??
-                "https://source.boringavatars.com/beam/120"
-              }
-              className={styles.avatar}
-            />
             <span className={styles.signedInText}>
               <small>Signed in as</small>
               <br />
@@ -46,6 +30,13 @@ export function Header({
             </span>
             {signOut}
           </>
+        ) : (
+          <>
+            <span className={styles.notSignedInText}>
+              You are not signed in
+            </span>
+            {signIn}
+          </>
         )}
       </div>
       <nav>