some error handling added

CSCI-X050-A7 · Mar 18, 2024 · 927080e · 927080e
1 parent 3257198
commit 927080e
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/pages/Register/index.tsx b/src/pages/Register/index.tsx
@@ -107,16 +107,20 @@ const RegistrationForm = () => {
         navigate('/register/confirm')
       },
       onError: err => {
-        // TODO: if status is 409, tell user that email/username is already registered
-        // FIX: error.message does not work?
-        setError(err.message || 'Registration failed. Please try again.')
+        if (err.status === 409) {
+          setError('This email or username is already registered.')
+        } else if (err.status === 400) {
+          setError('Invalid input. Please try again.')
+        } else {
+          setError('Registration failed. Please try again.')
+        }
       }
     }
   )
 
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
-    registerUser()
     e.preventDefault()
+    registerUser()
   }
 
   return (