1 files changed, 19 insertions, 10 deletions
diff --git a/pages/login.js b/pages/login.js
index 3fb2df6..533e8e8 100644
--- a/pages/login.js
+++ b/pages/login.js
@@ -1,24 +1,33 @@
-import { useState } from 'react'
-import useUser from 'lib/useUser'
+import {useState} from 'react'
+import useUser from 'hooks/useUser'
 import submitForm from 'helpers/submitForm'
-import {Layout, Form} from 'components'
+import {Layout, Form, Splash} from 'components'
 
 const Login = () => {
+  const [errorMsg, setErrorMsg] = useState('')
+  const [loading, setLoading] = useState(false)
   const {mutateUser} = useUser({
     redirectToVerify: true,
     redirectToApps: true,
   })
 
-  const [errorMsg, setErrorMsg] = useState('')
-  const handleSubmit = e => submitForm(e, '/api/login', mutateUser, setErrorMsg)
+  const handleSubmit = async e => {
+    setLoading(true)
+    await submitForm(e, '/api/login', mutateUser, setErrorMsg)
+    setLoading(false)
+  }
 
   return (
     <Layout>
-      <Form
-        isLogin
-        errorMessage={errorMsg}
-        onSubmit={handleSubmit}
-      />
+      {loading
+        ? <Splash fixed />
+        : (
+          <Form
+            isLogin
+            errorMessage={errorMsg}
+            onSubmit={handleSubmit}
+          />
+        )}
     </Layout>
   )
 }