From f08f6ca0a9d337efff280d4d1669a41b5d9c31c2 Mon Sep 17 00:00:00 2001
From: piotrruss <mail@pruss.it>
Date: Thu, 2 Sep 2021 22:28:11 +0200
Subject: finish translations, force maximize

---
 pages/register.js | 29 +++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

(limited to 'pages/register.js')

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>
   )
 }
-- 
cgit v1.2.3