Don't have an account? Sign up
11 |Already have an account? Log in
11 |You are now logged out.
33 | ); 34 | } 35 | 36 | } 37 | 38 | export default LogoutContainer; 39 | -------------------------------------------------------------------------------- /src/containers/NavContainer.js: -------------------------------------------------------------------------------- 1 | import { connect } from 'react-redux'; 2 | import Nav from '../components/Nav'; 3 | 4 | export default connect(state => ({ 5 | isLoggedIn: state.auth.isLoggedIn, 6 | user: state.auth.user 7 | }))(Nav); 8 | -------------------------------------------------------------------------------- /src/containers/SignupContainer.js: -------------------------------------------------------------------------------- 1 | import React, { Component, PropTypes } from 'react'; 2 | import { connect } from 'react-redux'; 3 | import { reduxForm } from 'redux-form'; 4 | import { signup, resetAuthError } from '../actions/authActions'; 5 | 6 | import SignupForm from '../components/SignupForm'; 7 | 8 | const submit = (values, dispatch) => { 9 | return new Promise((resolve, reject) => { 10 | 11 | const { username, email, password } = values; 12 | 13 | if(!username || !email || !password) { 14 | reject({ 15 | username: 'Username required', 16 | email: 'Email is required', 17 | password: 'Password must be minimum of 8 characters' 18 | }); 19 | } else { 20 | dispatch(signup(username, email, password)); 21 | resolve(); 22 | }; 23 | }); 24 | }; 25 | 26 | @reduxForm({ 27 | form: 'signup', 28 | fields: ['email', 'password', 'username'] 29 | }) 30 | @connect(state => ({ 31 | isLoggedIn: state.auth.isLoggedIn, 32 | loading: state.auth.isSigningUp, 33 | error: state.auth.error 34 | }), { 35 | resetAuthError 36 | }) 37 | class SignupContainers extends Component { 38 | 39 | static propTypes = { 40 | fields: PropTypes.object.isRequired, 41 | handleSubmit: PropTypes.func.isRequired, 42 | loading: PropTypes.bool.isRequired, 43 | error: PropTypes.string.isRequired, 44 | resetAuthError: PropTypes.func.isRequired 45 | } 46 | 47 | // Set context types router and location to do redirects with React Router 48 | static contextTypes = { 49 | router: PropTypes.object.isRequired, 50 | location: PropTypes.object.isRequired 51 | } 52 | 53 | // Redirects the user if isLoggingIn flag becomes true 54 | componentWillReceiveProps(nextProps) { 55 | 56 | if(nextProps.isLoggedIn) { 57 | 58 | // redirects the user to the page they were 59 | // attempting to get to based on ?next=/anAuthRequiredRoute 60 | const nextPath = this.context.location.query.next || '/'; 61 | 62 | this.context.router.push(nextPath); 63 | 64 | } 65 | } 66 | 67 | // Clears the errors ("Sorry, this email is taken") on 68 | // pageleave so the same state.auth.error key can be used on other pages 69 | componentWillUnmount() { 70 | this.props.resetAuthError(); 71 | } 72 | 73 | render() { 74 | const { fields, loading, handleSubmit, error } = this.props; 75 | 76 | return ( 77 |Hold on, we're logging you in.
53 | {/*