1 files changed, 19 insertions, 10 deletions
diff --git a/pages/register.js b/pages/register.js
index 3a00504..5405432 100644
--- a/pages/register.js
+++ b/pages/register.js
@@ -1,22 +1,31 @@
-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 Register = () => {
-  const { mutateUser } = useUser({
+  const [errorMsg, setErrorMsg] = useState('')
+  const [loading, setLoading] = useState(false)
+  const {mutateUser} = useUser({
     redirectToVerify: true,
   })
 
-  const [errorMsg, setErrorMsg] = useState('')
-  const handleSubmit = e => submitForm(e, '/api/register', mutateUser, setErrorMsg)
+  const handleSubmit = async e => {
+    setLoading(true)
+    await submitForm(e, '/api/register', mutateUser, setErrorMsg)
+    setLoading(false)
+  }
 
   return (
     <Layout>
-      <Form
-        errorMessage={errorMsg}
-        onSubmit={handleSubmit}
-      />
+      {loading
+        ? <Splash fixed />
+        : (
+          <Form
+            errorMessage={errorMsg}
+            onSubmit={handleSubmit}
+          />
+        )}
     </Layout>
   )
 }