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} - - ) : ( -
-
- logo -
-
- Welcome to Twistter! -
-
- See the most interesting topics people are following right now. -
+ + ) : loading ? + () + : + ( +
+
+ logo +

+ 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'); })