Implemented better validation

1 files changed, 4 insertions, 4 deletions

diff --git a/frontend/src/Login.js b/frontend/src/Login.js
index a251216..cd91e91 100644
--- a/frontend/src/Login.js
+++ b/frontend/src/Login.js
@@ -7,7 +7,7 @@ import userState from './UserState';
 
 const Login = () => {
   const { register, handleSubmit } = useForm();
-  const [ loginError, setLoginError ] = useState(null);
+  const [ data, setData ] = useState({});
 
   const onSubmit = async data => {
     try {
@@ -18,10 +18,10 @@ const Login = () => {
       navigate('/');
     } catch (err) {
       if (err.response && err.response.data) {
-        setLoginError(err.response.data.error);
+        setData({ error: err.response.data.error });
       } else {
         console.error(err);
-        setLoginError('Unknown error occurred. See console for details.');
+        setData({ error: 'Unknown error occurred. See console for details.' });
       }
     }
   };
@@ -38,7 +38,7 @@ const Login = () => {
       <button className="button" type="submit">
         Log in
       </button>
-      <div className="error">{loginError}</div>
+      <div className="error">{data.error}</div>
       <div>
         No account? Register <Link to="/register">here</Link>.
       </div>