v0.2.0: + user data

package.json

@@ -1,6 +1,6 @@
 {
   "name": "redux-octavius",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": true,
   "description": "Боль и унижение!",
   "main": "index.js",

src/actions/auth.js

@@ -1,8 +1,15 @@
 import {USER_LOGIN_MEETHOD} from '../constants/api';
 import {LOGIN_REQUEST, LOGIN_SUCCESS, LOGIN_FAIL} from '../constants/auth';
+import {fetchUser} from './user';
 
-export const login = (email, password) => ({
-	api: USER_LOGIN_MEETHOD,
-	data: {email, password},
-	types: [LOGIN_REQUEST, LOGIN_SUCCESS, LOGIN_FAIL],
-});
+export const login = (email, password) => async (dispatch) => {
+	const response = await dispatch({
+		api: USER_LOGIN_MEETHOD,
+		data: {email, password},
+		types: [LOGIN_REQUEST, LOGIN_SUCCESS, LOGIN_FAIL],
+	});
+
+	if (!response.error) {
+		return dispatch(fetchUser(email));
+	}
+};

src/actions/user.js

@@ -0,0 +1,8 @@
+import {USER_SHORT_METHOD} from '../constants/api';
+import {USER_FETCH, USER_FETCH_FAIL, USER_FETCH_SUCCESS} from '../constants/user';
+
+export const fetchUser = (email) => ({
+	api: USER_SHORT_METHOD,
+	data: {email},
+	types: [USER_FETCH, USER_FETCH_SUCCESS, USER_FETCH_FAIL]
+});

src/components/App.js

@@ -9,6 +9,6 @@ import AuthForm from './AuthForm';
 export default class App extends Component {
 	render() {
 		const {auth} = this.props;
-		return !auth.state ? <AuthForm/> : <h1>Привет!</h1>;
+		return !auth.state ? <AuthForm/> : <h1>Привет, {auth.email}!</h1>;
 	}
 }

src/constants/api.js

@@ -1 +1,3 @@
 export const USER_LOGIN_MEETHOD = 'user/login';
+export const USER_SHORT_METHOD = 'user/short';
+

src/constants/user.js

@@ -0,0 +1,3 @@
+export const USER_FETCH = 'USER_FETCH';
+export const USER_FETCH_SUCCESS = 'USER_FETCH_SUCCESS';
+export const USER_FETCH_FAIL = 'USER_FETCH_FAIL';

src/reducers/auth.js

@@ -1,4 +1,5 @@
-import {LOGIN_REQUEST, LOGIN_FAIL, LOGIN_SUCCESS} from '../constants/auth';
+import {LOGIN_REQUEST, LOGIN_FAIL} from '../constants/auth';
+import {USER_FETCH_SUCCESS, USER_FETCH_FAIL} from '../constants/user';
 
 const initialState = {
 	state: false,
@@ -12,10 +13,12 @@ export default (state = initialState, action) => {
 		case LOGIN_REQUEST:
 			return {...state, busy: true};
 
-		case LOGIN_SUCCESS:
-			return {...state, state: true, busy: false};
+		case USER_FETCH_SUCCESS:
+			const email = `${action.result.login}@${action.result.domain}`;
+			return {...state, ...action.result, email, state: true, busy: false};
 
 		case LOGIN_FAIL:
+		case USER_FETCH_FAIL:
 			return {...state, error: true, busy: false};
 
 		default: