added initial profile dialog

src/redux/auth/actions.ts

@@ -19,8 +19,8 @@ export const authSetToken = (token: IAuthState['token']) => ({
   token,
 });
 
-export const gotPostMessage = ({ token }: { token: string }) => ({
-  type: AUTH_USER_ACTIONS.GOT_POST_MESSAGE,
+export const gotAuthPostMessage = ({ token }: { token: string }) => ({
+  type: AUTH_USER_ACTIONS.GOT_AUTH_POST_MESSAGE,
   token,
 });
 
@@ -32,3 +32,13 @@ export const authSetUser = (profile: Partial<IUser>) => ({
 export const authLogout = () => ({
   type: AUTH_USER_ACTIONS.LOGOUT,
 });
+
+export const authOpenProfile = (username: string) => ({
+  type: AUTH_USER_ACTIONS.OPEN_PROFILE,
+  username,
+});
+
+export const authSetProfile = (profile: Partial<IAuthState['profile']>) => ({
+  type: AUTH_USER_ACTIONS.SET_PROFILE,
+  profile,
+});

src/redux/auth/api.ts

@@ -22,3 +22,12 @@ export const apiAuthGetUser = ({ access }): Promise<IResultWithStatus<{ user: IU
     .get(API.USER.ME, configWithToken(access))
     .then(resultMiddleware)
     .catch(errorMiddleware);
+
+export const apiAuthGetUserProfile = ({
+  access,
+  username,
+}): Promise<IResultWithStatus<{ user: IUser }>> =>
+  api
+    .get(API.USER.PROFILE(username), configWithToken(access))
+    .then(resultMiddleware)
+    .catch(errorMiddleware);

src/redux/auth/constants.ts

@@ -8,7 +8,9 @@ export const AUTH_USER_ACTIONS = {
 
   LOGOUT: 'LOGOUT',
 
-  GOT_POST_MESSAGE: 'GOT_POST_MESSAGE',
+  GOT_AUTH_POST_MESSAGE: 'GOT_POST_MESSAGE',
+  OPEN_PROFILE: 'OPEN_PROFILE',
+  SET_PROFILE: 'SET_PROFILE',
 };
 
 export const USER_ERRORS = {

src/redux/auth/handlers.ts

@@ -14,23 +14,32 @@ const setLoginError: ActionHandler<typeof ActionCreators.userSetLoginError> = (
   login: {
     ...state.login,
     error,
-  }
+  },
 });
 
 const setUser: ActionHandler<typeof ActionCreators.authSetUser> = (state, { profile }) => ({
   ...state,
   user: {
     ...state.user,
-    ...profile
-  }
+    ...profile,
+  },
 });
 
 const setToken: ActionHandler<typeof ActionCreators.authSetToken> = (state, { token }) => ({
-  ...state, token,
+  ...state,
+  token,
 });
 
+const setProfile: ActionHandler<typeof ActionCreators.authSetProfile> = (state, { profile }) => ({
+  ...state,
+  profile: {
+    ...state.profile,
+    ...profile,
+  },
+});
 export const AUTH_USER_HANDLERS = {
   [AUTH_USER_ACTIONS.SET_LOGIN_ERROR]: setLoginError,
   [AUTH_USER_ACTIONS.SET_USER]: setUser,
   [AUTH_USER_ACTIONS.SET_TOKEN]: setToken,
+  [AUTH_USER_ACTIONS.SET_PROFILE]: setProfile,
 };

src/redux/auth/reducer.ts

@@ -10,10 +10,16 @@ const HANDLERS = {
 const INITIAL_STATE: IAuthState = {
   token: null,
   user: { ...EMPTY_USER },
+
   login: {
     error: null,
     is_loading: false,
   },
+
+  profile: {
+    is_loading: true,
+    user: null,
+  },
 };
 
 export default createReducer(INITIAL_STATE, HANDLERS);

src/redux/auth/sagas.ts

@@ -1,19 +1,20 @@
-import { call, put, takeLatest, select } from 'redux-saga/effects';
+import { call, put, takeLatest, select, delay } from 'redux-saga/effects';
 import { AUTH_USER_ACTIONS, EMPTY_USER, USER_ERRORS } from '~/redux/auth/constants';
 import {
   authSetToken,
   userSetLoginError,
   authSetUser,
   userSendLoginRequest,
-  gotPostMessage,
+  gotAuthPostMessage,
+  authOpenProfile,
+  authSetProfile,
 } from '~/redux/auth/actions';
-import { apiUserLogin, apiAuthGetUser } from '~/redux/auth/api';
-import { modalSetShown } from '~/redux/modal/actions';
+import { apiUserLogin, apiAuthGetUser, apiAuthGetUserProfile } from '~/redux/auth/api';
+import { modalSetShown, modalShowDialog } from '~/redux/modal/actions';
 import { selectToken } from './selectors';
 import { IResultWithStatus } from '../types';
 import { IUser } from './types';
 import { REHYDRATE, RehydrateAction } from 'redux-persist';
-import path from 'ramda/es/path';
 import { selectModal } from '../modal/selectors';
 import { IModalState } from '../modal/reducer';
 import { DIALOGS } from '../modal/constants';
@@ -76,7 +77,7 @@ function* checkUserSaga({ key }: RehydrateAction) {
   yield call(refreshUser);
 }
 
-function* gotPostMessageSaga({ token }: ReturnType<typeof gotPostMessage>) {
+function* gotPostMessageSaga({ token }: ReturnType<typeof gotAuthPostMessage>) {
   yield put(authSetToken(token));
   yield call(refreshUser);
 
@@ -90,11 +91,29 @@ function* logoutSaga() {
   yield put(authSetUser({ ...EMPTY_USER }));
 }
 
+function* openProfile({ username }: ReturnType<typeof authOpenProfile>) {
+  yield put(modalShowDialog(DIALOGS.PROFILE));
+  yield put(authSetProfile({ is_loading: true }));
+
+  const {
+    error,
+    data: { user },
+  } = yield call(reqWrapper, apiAuthGetUserProfile, { username });
+
+  if (error || !user) {
+    return yield put(modalSetShown(false));
+  }
+
+  yield put(authSetProfile({ is_loading: false }));
+  console.log({ username, user });
+}
+
 function* authSaga() {
   yield takeLatest(REHYDRATE, checkUserSaga);
   yield takeLatest(AUTH_USER_ACTIONS.LOGOUT, logoutSaga);
   yield takeLatest(AUTH_USER_ACTIONS.SEND_LOGIN_REQUEST, sendLoginRequestSaga);
-  yield takeLatest(AUTH_USER_ACTIONS.GOT_POST_MESSAGE, gotPostMessageSaga);
+  yield takeLatest(AUTH_USER_ACTIONS.GOT_AUTH_POST_MESSAGE, gotPostMessageSaga);
+  yield takeLatest(AUTH_USER_ACTIONS.OPEN_PROFILE, openProfile);
 }
 
 export default authSaga;

src/redux/auth/selectors.ts

@@ -4,3 +4,4 @@ export const selectAuth = (state: IState): IState['auth'] => state.auth;
 export const selectUser = (state: IState): IState['auth']['user'] => state.auth.user;
 export const selectToken = (state: IState): IState['auth']['token'] => state.auth.token;
 export const selectAuthLogin = (state: IState): IState['auth']['login'] => state.auth.login;
+export const selectAuthProfile = (state: IState): IState['auth']['profile'] => state.auth.profile;

src/redux/auth/types.ts

@@ -26,4 +26,9 @@ export type IAuthState = Readonly<{
     error: string;
     is_loading: boolean;
   };
+
+  profile: {
+    is_loading: boolean;
+    user: IUser;
+  };
 }>;