feat: only display one email input in email page

nextauthjs · Mar 2, 2021 · 843f7a8 · 843f7a8
1 parent 8e50af2
commit 843f7a8
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/pages/email.js b/pages/email.js
@@ -47,20 +47,16 @@ export default function Page () {
   return (
     <Layout>
       <h1>Test different flows for Email login</h1>
-      <span className='spacing'>Default:</span>
+      <label className='spacing'>
+        Email address:{' '}
+        <input type='text' id='email' name='email' value={email} onChange={handleChange} />
+      </label><br />
       <form onSubmit={handleLogin({ redirect: true, email })}>
-        <label>
-          Email address
-          <input type='text' id='email' name='email' value={email} onChange={handleChange} />
-        </label>
+        <span className='spacing'>Default:</span>
         <button type='submit'>Sign in with Email</button>
       </form>
-      <span className='spacing'>No redirect:</span>
       <form onSubmit={handleLogin({ redirect: false, email })}>
-        <label>
-          Email address
-          <input type='text' id='email' name='email' value={email} onChange={handleChange} />
-        </label>
+        <span className='spacing'>No redirect:</span>
         <button type='submit'>Sign in with Email</button>
       </form>
       <p>Response:</p>