diff --git a/twistter-frontend/src/pages/Home.js b/twistter-frontend/src/pages/Home.js
index 74ecddc..9fd7767 100644
--- a/twistter-frontend/src/pages/Home.js
+++ b/twistter-frontend/src/pages/Home.js
@@ -5,6 +5,7 @@ import { connect } from "react-redux";
import axios from "axios";
// Material UI and React Router
+import CircularProgress from '@material-ui/core/CircularProgress';
import Grid from "@material-ui/core/Grid";
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
@@ -49,6 +50,7 @@ class Home extends Component {
}
render() {
+ const { UI:{ loading } } = this.props;
let authenticated = this.props.user.authenticated;
let {classes} = this.props;
let username = this.props.user.credentials.handle;
@@ -91,37 +93,34 @@ class Home extends Component {
{postMarkup}
-
- ) : (
-
-
-

-
-
-
Welcome to Twistter!
-
-
-
See the most interesting topics people are following right now.
-
+
+ ) : loading ?
+ (
)
+ :
+ (
+
+
+

+
+
Welcome to Twistter!
+
+
See the most interesting topics people are following right now.
+
-
-
-
-
+
-
- Join today or sign in if you already have an account.
-
-
-
-
-
-
-
+
+ Join today or sign in if you already have an account.
+
+
+
+
+
+
);
}
}
@@ -337,12 +336,14 @@ class Like extends Component {
}
const mapStateToProps = (state) => ({
- user: state.user
+ user: state.user,
+ UI: state.UI
});
Home.propTypes = {
user: PropTypes.object.isRequired,
- clases: PropTypes.object.isRequired
+ clases: PropTypes.object.isRequired,
+ UI: PropTypes.object.isRequired
}
Like.propTypes = {
diff --git a/twistter-frontend/src/redux/actions/userActions.js b/twistter-frontend/src/redux/actions/userActions.js
index 5993804..7fc6cbf 100644
--- a/twistter-frontend/src/redux/actions/userActions.js
+++ b/twistter-frontend/src/redux/actions/userActions.js
@@ -9,6 +9,7 @@ export const getUserData = () => (dispatch) => {
type: SET_USER,
payload: res.data,
})
+ dispatch({ type: CLEAR_ERRORS })
})
.catch((err) => console.error(err));
}
@@ -21,7 +22,7 @@ export const loginUser = (loginData, history) => (dispatch) => {
// Save the login token
setAuthorizationHeader(res.data.token);
dispatch(getUserData());
- dispatch({ type: CLEAR_ERRORS })
+ // dispatch({ type: CLEAR_ERRORS })
// Redirects to home page
history.push('/home');
})
@@ -43,7 +44,7 @@ export const signupUser = (newUserData, history) => (dispatch) => {
// Save the signup token
setAuthorizationHeader(res.data.token);
dispatch(getUserData());
- dispatch({ type: CLEAR_ERRORS })
+ // dispatch({ type: CLEAR_ERRORS })
// Redirects to home page
history.push('/home');
})