Handle error

Author: imranhsayed

server.js

@@ -26,8 +26,6 @@ app.use(bodyParser.json());
 
 app.post( '/sign-in', ( req, res ) => {
 
-console.warn( req.body );
-
 jwt.sign( req.body ,config.tokenSecret , { expiresIn: 3600 }, ( err, token ) => {
 if ( ! token ) {
 res.json({ success: false, error: 'Token could not be generated' });
@@ -39,11 +37,15 @@ app.post( '/sign-in', ( req, res ) => {
 console.warn( response.data );
 res.json( {
 success: true,
+status: 200,
 token,
 userData: response.data.user.data
 } );
 } )
-.catch( err => console.warn( err ) );
+.catch( err => {
+const responseReceived = err.response.data;
+res.status(404).json({ success: false, status: 400, errorMessage: responseReceived.message });
+} );
 }
 
 } );

src/components/Login.js

@@ -39,6 +39,10 @@ class Login extends React.Component {
 axios.post( `${siteUrl}/sign-in`, loginData )
 .then( ( res ) => {
 
+console.warn( 'came res' );
+if ( 200 !== res.data.status ) {
+this.setState( { error: res.data.errorMessage, loading: false } );
+}
 
 const { token } = res.data;
 const { user_nicename, user_email } = res.data.userData;
@@ -57,7 +61,10 @@ class Login extends React.Component {
 this.setState( { userNiceName, userEmail, loggedIn: true, loading: false } )
 
 } )
-.catch( err => this.setState( { error: err.message, loading: false } ) );
+.catch( err => {
+const responseReceived = err.response.data;
+{ this.setState({ error: responseReceived.errorMessage, loading: false } ) }
+} );
 };
 
 handleOnChange = ( event ) => {
@@ -103,7 +110,7 @@ class Login extends React.Component {
 </label>
 <br/>
 <button className="btn btn-primary mb-3" type="submit">Login</button>
-<p>{ loading && <img src={Loader} alt="Loader"/> }</p>
+<p>{ loading && <img src={Loader} className="loader" alt="Loader"/> }</p>
 </form>
 </div>
 </React.Fragment>

src/style.css

@@ -0,0 +1,9 @@
+.loader {
+position: absolute;
+left: 0;
+right: 0;
+top: 0;
+bottom: 0;
+margin: auto;
+width: 100px;
+}