Refactoring

config/webpack/webpack.config.base.js

@@ -6,7 +6,7 @@ module.exports = {
     target: 'web',
     entry: {
         app: [
-            Path.resolve(__dirname, '../../src/ts/index.tsx')
+            Path.resolve(__dirname, '../../src/ts/app/index.tsx')
         ],
         vendor: Object.keys(packages.dependencies)
     },

src/ts/commons/module/Module.ts

@@ -1,8 +0,0 @@
-interface IModule<IComponentType, IContainerType, IViewType, IReduxType> {
-  components: IComponentType;
-  containers: IContainerType;
-  views: IViewType;
-  redux: IReduxType;
-}
-
-export default IModule;

src/ts/commons/redux/Module.ts

@@ -1,8 +0,0 @@
-import Action from './Action';
-
-export interface IModule<State = {}, Payload = {}> {
-  state: State;
-  reducer: (state: State, action: Action<Payload>) => State;
-}
-
-export default IModule;

src/ts/commons/redux/router.ts

@@ -1,14 +0,0 @@
-import Action from 'commons/redux/Action';
-import { RouterState, LocationActionPayload, LOCATION_CHANGE } from 'react-router-redux';
-
-export const initRouterState: RouterState = {
-    location: null,
-};
-
-
-export function routerReducer(state: RouterState = initRouterState, action: Action<LocationActionPayload>): RouterState {
-  if (action.type === LOCATION_CHANGE) {
-    return state;
-  }
-  return state;
-}

src/ts/config/configureMuiTheme.ts

@@ -1,25 +0,0 @@
-import { colors, getMuiTheme, MuiTheme, spacing } from 'material-ui/styles';
-import { fade } from 'material-ui/utils/colorManipulator';
-
-const muiTheme:MuiTheme = getMuiTheme({
-    spacing: spacing,
-    fontFamily: 'Roboto, sans-serif',
-    palette: {
-        primary1Color: colors.cyan500,
-        primary2Color: colors.cyan700,
-        primary3Color: colors.grey400,
-        accent1Color: colors.pinkA200,
-        accent2Color: colors.grey100,
-        accent3Color: colors.grey500,
-        textColor: colors.darkBlack,
-        alternateTextColor: colors.white,
-        canvasColor: colors.white,
-        borderColor: colors.grey300,
-        disabledColor: fade(colors.darkBlack, 0.3),
-        pickerHeaderColor: colors.cyan500,
-        clockCircleColor: fade(colors.darkBlack, 0.07),
-        shadowColor: colors.fullBlack,
-    },
-});
-
-export default muiTheme;

src/ts/config/configureRedux.ts

@@ -1,21 +0,0 @@
-import { Action, combineReducers } from 'redux';
-import { RouterState, LocationActionPayload, LOCATION_CHANGE } from 'react-router-redux';
-import { SagaIterator } from 'redux-saga';
-import { fork } from 'redux-saga/effects';
-import { routerReducer } from 'commons/redux/router';
-
-import * as Member from 'member';
-
-export interface State {
-  member: Member.State;
-  router: RouterState;
-}
-
-export const reducer = combineReducers<State>({
-  member: Member.reducer,
-  router: routerReducer,
-});
-
-export function* sagas(): SagaIterator {
-  yield fork(Member.sagas);
-}

src/ts/config/configureRouter.tsx

@@ -1,2 +0,0 @@
-
-

src/ts/config/configureStore.ts

@@ -1,18 +0,0 @@
-import { applyMiddleware, compose, createStore, Store } from 'redux';
-import { routerMiddleware } from 'react-router-redux';
-import { SagaMiddleware } from 'redux-saga';
-import { History } from 'history';
-
-import { reducer, State } from './configureRedux';
-
-export default function configureStore(history: History, sagaMiddleware: SagaMiddleware<any>): Store<State> {
-  const middlewares = [sagaMiddleware, routerMiddleware(history)];
-  const store = createStore<State>(
-    reducer,
-    applyMiddleware(...middlewares),
-  );
-
-  // sagaMiddleware.run(rootSaga);
-
-  return store;
-}

src/ts/member/api/service/MemberService.ts

@@ -0,0 +1,3 @@
+export class MemberService {
+
+}

src/ts/member/redux/action/signin.ts

@@ -0,0 +1,45 @@
+import Action from 'commons/redux/Action';
+import Member from 'member/api/model/Member';
+
+import SigninPayload from '../payload/SigninPayload';
+
+// Action Type
+export type REQUEST = '@overflow/member/signin/REQUEST';
+export type REQUEST_SUCCESS = '@overflow/member/signin/REQUEST_SUCCESS';
+export type REQUEST_FAILURE = '@overflow/member/signin/REQUEST_FAILURE';
+
+export const REQUEST: REQUEST = '@overflow/member/signin/REQUEST';
+export const REQUEST_SUCCESS: REQUEST_SUCCESS = '@overflow/member/signin/REQUEST_SUCCESS';
+export const REQUEST_FAILURE: REQUEST_FAILURE = '@overflow/member/signin/REQUEST_FAILURE';
+
+export type ActionTypes = REQUEST | REQUEST_SUCCESS | REQUEST_FAILURE;
+
+
+// Action Creater
+export type request = (signinId: string, signinPw: string) => Action<SigninPayload>;
+export type requestSuccess = (member: Member) => Action<Member>;
+export type requestFailure = (error: Error) => Action;
+
+export const request: request = (signinId: string, signinPw: string): Action<SigninPayload> => {
+  return {
+      type: REQUEST,
+      payload: {
+        signinId: signinId,
+        signinPw: signinPw,
+      },
+    };
+};
+
+export const requestSuccess: requestSuccess = (member: Member): Action<Member> => {
+  return {
+      type: REQUEST_SUCCESS,
+      payload: member,
+    };
+};
+
+export const requestFailure: requestFailure = (error: Error): Action => {
+  return {
+      type: REQUEST_FAILURE,
+      error: error,
+    };
+};

src/ts/member/redux/action/signout.ts

@@ -0,0 +1,37 @@
+import Action from 'commons/redux/Action';
+
+// Action Type
+export type REQUEST = '@overflow/member/signout/REQUEST';
+export type REQUEST_SUCCESS = '@overflow/member/signout/REQUEST_SUCCESS';
+export type REQUEST_FAILURE = '@overflow/member/signout/REQUEST_FAILURE';
+
+export const REQUEST: REQUEST = '@overflow/member/signout/REQUEST';
+export const REQUEST_SUCCESS: REQUEST_SUCCESS = '@overflow/member/signout/REQUEST_SUCCESS';
+export const REQUEST_FAILURE: REQUEST_FAILURE = '@overflow/member/signout/REQUEST_FAILURE';
+
+export type ActionTypes = REQUEST | REQUEST_SUCCESS | REQUEST_FAILURE;
+
+
+// Action Creater
+export type request = () => Action;
+export type requestSuccess = () => Action;
+export type requestFailure = (error: Error) => Action;
+
+export const request: request = (): Action => {
+  return {
+      type: REQUEST,
+    };
+};
+
+export const requestSuccess: requestSuccess = (): Action => {
+  return {
+      type: REQUEST_SUCCESS,
+    };
+};
+
+export const requestFailure: requestFailure = (error: Error): Action => {
+  return {
+      type: REQUEST_FAILURE,
+      error: error,
+    };
+};

src/ts/member/redux/action/signup.ts

@@ -0,0 +1,42 @@
+import Action from 'commons/redux/Action';
+import Member from 'member/api/model/Member';
+
+import SigninPayload from '../payload/SigninPayload';
+
+// Action Type
+export type REQUEST = '@overflow/member/signup/REQUEST';
+export type REQUEST_SUCCESS = '@overflow/member/signup/REQUEST_SUCCESS';
+export type REQUEST_FAILURE = '@overflow/member/signup/REQUEST_FAILURE';
+
+export const REQUEST: REQUEST = '@overflow/member/signup/REQUEST';
+export const REQUEST_SUCCESS: REQUEST_SUCCESS = '@overflow/member/signup/REQUEST_SUCCESS';
+export const REQUEST_FAILURE: REQUEST_FAILURE = '@overflow/member/signup/REQUEST_FAILURE';
+
+export type ActionTypes = REQUEST | REQUEST_SUCCESS | REQUEST_FAILURE;
+
+
+// Action Creater
+export type request = (member: Member) => Action<Member>;
+export type requestSuccess = (member: Member) => Action<Member>;
+export type requestFailure = (error: Error) => Action;
+
+export const request: request = (member: Member): Action<Member> => {
+  return {
+      type: REQUEST,
+      payload: member,
+    };
+};
+
+export const requestSuccess: requestSuccess = (member: Member): Action<Member> => {
+  return {
+      type: REQUEST_SUCCESS,
+      payload: member,
+    };
+};
+
+export const requestFailure: requestFailure = (error: Error): Action => {
+  return {
+      type: REQUEST_FAILURE,
+      error: error,
+    };
+};

src/ts/member/redux/reducer/signin.ts

@@ -0,0 +1,29 @@
+import Action from 'commons/redux/Action';
+import Member from 'member/api/model/Member';
+
+import SigninActionTypes from '../action/signin';
+import SigninState, { defaultState as signinDefaultState } from '../state/Signin';
+
+export type reducer = (state: SigninState, action: Action<Member | Error>) => SigninState;
+
+export const reducer: reducer = (state: SigninState = signinDefaultState, action: Action<Member | Error>): SigninState => {
+  switch (action.type) {
+    case SigninActionTypes.REQUEST_SUCCESS:
+    {
+      let member = (<Action<Member>>action).payload;
+
+      const aaa: SigninState = {
+        ...state,
+        isAuthenticated: true,
+      };
+
+      return aaa;
+    }
+    case SigninActionTypes.REQUEST_FAILURE:
+    {
+      return state;
+    }
+    default:
+      return state;
+  }
+};

src/ts/member/redux/reducer/signout.ts

@@ -0,0 +1,27 @@
+import Action from 'commons/redux/Action';
+import Member from 'member/api/model/Member';
+
+import SignoutActionTypes from '../action/signout';
+import SigninState, { defaultState as signinDefaultState } from '../state/Signin';
+
+export type reducer = (state: SigninState, action: Action) => SigninState;
+
+export const reducer: reducer = (state: SigninState = signinDefaultState, action: Action): SigninState => {
+  switch (action.type) {
+    case SignoutActionTypes.REQUEST_SUCCESS:
+    {
+      const aaa: SigninState = {
+        ...state,
+        isAuthenticated: true,
+      };
+
+      return aaa;
+    }
+    case SignoutActionTypes.REQUEST_FAILURE:
+    {
+      return state;
+    }
+    default:
+      return state;
+  }
+};

src/ts/member/redux/reducer/signup.ts

@@ -0,0 +1,29 @@
+import Action from 'commons/redux/Action';
+import Member from 'member/api/model/Member';
+
+import SignupActionTypes from '../action/signup';
+import SignupState, { defaultState as signupDefaultState } from '../state/Signup';
+
+export type reducer = (state: SignupState, action: Action<Member | Error>) => SignupState;
+
+export const reducer: reducer = (state: SignupState = signupDefaultState, action: Action<Member | Error>): SignupState => {
+  switch (action.type) {
+    case SignupActionTypes.REQUEST_SUCCESS:
+    {
+      let member = (<Action<Member>>action).payload;
+
+      const aaa: SignupState = {
+        ...state,
+        isRegistered: true,
+      };
+
+      return aaa;
+    }
+    case SignupActionTypes.REQUEST_FAILURE:
+    {
+      return state;
+    }
+    default:
+      return state;
+  }
+};

src/ts/member/redux/saga/signin.ts

@@ -1,11 +1,10 @@
-import { takeLatest, SagaIterator } from 'redux-saga';
-import { call, Effect, fork, put } from 'redux-saga/effects';
+import { SagaIterator } from 'redux-saga';
+import { call, Effect, fork, put, takeLatest } from 'redux-saga/effects';
 
 import Action from 'commons/redux/Action';
 
 import Member from 'member/api/model/Member';
-import actions from '../action';
-import actionTypes from '../action/type';
+import SigninActions from '../action/signin';
 import SigninPayload from '../payload/SigninPayload';
 
 const apiSignin = (signinId: string, signinPw: string): Promise<Member> => {
@@ -36,9 +35,9 @@ function* signin(action: Action<SigninPayload>): Iterable<Effect> {
     // if (responseBody.token === undefined) {
     //   throw new Error(MESSAGES.UNABLE_TO_FIND_TOKEN_IN_LOGIN_RESPONSE);
     // }
-    yield put(actions.requestSuccess(member));
+    yield put(SigninActions.requestSuccess(member));
   } catch (e) {
-    yield put(actions.requestFailure(e));
+    yield put(SigninActions.requestFailure(e));
   } finally {
     // yield put({
     //   type: types.SENDING_REQUEST,

src/ts/member/redux/state/Signin.ts

@@ -1,14 +1,12 @@
 import Member from 'member/api/model/Member';
 
 export interface State {
-  isAuthenticated: boolean;
-  member?: Member;
-  error?: Error;
+  readonly isAuthenticated: boolean;
+  readonly error?: Error;
 }
 
 export const defaultState: State = {
   isAuthenticated: undefined,
-  member: undefined,
   error: undefined,
 };
 

src/ts/member/redux/state/Signup.ts

@@ -1,9 +1,9 @@
 import Member from 'member/api/model/Member';
 
 export interface State {
-  isRegistered: boolean;
-  member?: Member;
-  error?: Error;
+  readonly isRegistered: boolean;
+  readonly member?: Member;
+  readonly error?: Error;
 }
 
 export const defaultState: State = {

src/ts/member/signin/index.ts

@@ -1 +0,0 @@
-export * from './redux';

src/ts/member/signin/redux/action/index.ts

@@ -1,41 +0,0 @@
-import Action from 'commons/redux/Action';
-
-import Member from 'member/api/model/Member';
-
-import actionTypes from './type';
-import SigninPayload from '../payload/SigninPayload';
-
-
-export interface Actions {
-  request: (signinId: string, signinPw: string) => Action<SigninPayload>;
-  requestSuccess: (member: Member) => Action<Member>;
-  requestFailure: (error: Error) => Action;
-}
-
-export const actions: Actions = {
-    request(signinId: string, signinPw: string): Action<SigninPayload> {
-      return {
-          type: actionTypes.REQUEST,
-          payload: {
-            signinId: signinId,
-            signinPw: signinPw,
-          },
-        };
-    },
-
-    requestSuccess(member: Member): Action<Member> {
-      return {
-          type: actionTypes.REQUEST_SUCCESS,
-          payload: member,
-        };
-    },
-
-    requestFailure(error: Error): Action {
-      return {
-          type: actionTypes.REQUEST_FAILURE,
-          error: error,
-        };
-    },
-};
-
-export default actions;

src/ts/member/signin/redux/action/type.ts

@@ -1,17 +0,0 @@
-export type REQUEST = '@overflow/member/signin/REQUEST';
-export type REQUEST_SUCCESS = '@overflow/member/signin/REQUEST_SUCCESS';
-export type REQUEST_FAILURE = '@overflow/member/signin/REQUEST_FAILURE';
-
-export interface ActionTypes {
-  REQUEST: REQUEST;
-  REQUEST_SUCCESS: REQUEST_SUCCESS;
-  REQUEST_FAILURE: REQUEST_FAILURE;
-}
-
-export const actionTypes: ActionTypes = {
-  REQUEST: '@overflow/member/signin/REQUEST',
-  REQUEST_SUCCESS: '@overflow/member/signin/REQUEST_SUCCESS',
-  REQUEST_FAILURE: '@overflow/member/signin/REQUEST_FAILURE',
-};
-
-export default actionTypes;

src/ts/member/signin/redux/index.ts

@@ -1,3 +0,0 @@
-export * from './state';
-export * from './reducer';
-export * from './saga';

src/ts/member/signin/redux/reducer/index.ts

@@ -1,25 +0,0 @@
-import Action from 'commons/redux/Action';
-import IModule from 'commons/redux/Module';
-
-import Member from 'member/api/model/Member';
-
-import actionTypes from '../action/type';
-import State, { defaultState } from '../state';
-
-
-export function reducer(state: State = defaultState, action: Action<Member | Error>): State {
-  switch (action.type) {
-    case actionTypes.REQUEST_SUCCESS:
-    {
-
-
-      return state;
-    }
-    case actionTypes.REQUEST_FAILURE:
-    {
-      return state;
-    }
-    default:
-      return state;
-  }
-}

src/ts/member/signin/redux/saga/index.ts

@@ -1,8 +0,0 @@
-import { SagaIterator } from 'redux-saga';
-import { fork, ForkEffect } from 'redux-saga/effects';
-
-import { watchSignin } from './signin';
-
-export function* sagas(): SagaIterator {
-  yield fork(watchSignin);
-}

src/ts/member/signout/index.ts

@@ -1 +0,0 @@
-export * from './redux';

src/ts/member/signout/redux/action/index.ts

@@ -1,33 +0,0 @@
-import Action from 'commons/redux/Action';
-
-import actionTypes from './type';
-import SignoutPayload from '../payload/SignoutPayload';
-
-export interface Actions {
-  request: () => Action;
-  requestSuccess: () => Action;
-  requestFailure: (error: Error) => Action;
-}
-
-export const actions: Actions = {
-    request(): Action {
-      return {
-          type: actionTypes.REQUEST,
-        };
-    },
-
-    requestSuccess(): Action {
-      return {
-          type: actionTypes.REQUEST_SUCCESS,
-        };
-    },
-
-    requestFailure(error: Error): Action {
-      return {
-          type: actionTypes.REQUEST_FAILURE,
-          error: error,
-        };
-    },
-};
-
-export default actions;

src/ts/member/signout/redux/action/type.ts

@@ -1,17 +0,0 @@
-export type REQUEST = '@overflow/member/signout/REQUEST';
-export type REQUEST_SUCCESS = '@overflow/member/signout/REQUEST_SUCCESS';
-export type REQUEST_FAILURE = '@overflow/member/signout/REQUEST_FAILURE';
-
-export interface ActionTypes {
-  REQUEST: REQUEST;
-  REQUEST_SUCCESS: REQUEST_SUCCESS;
-  REQUEST_FAILURE: REQUEST_FAILURE;
-}
-
-export const actionTypes: ActionTypes = {
-  REQUEST: '@overflow/member/signout/REQUEST',
-  REQUEST_SUCCESS: '@overflow/member/signout/REQUEST_SUCCESS',
-  REQUEST_FAILURE: '@overflow/member/signout/REQUEST_FAILURE',
-};
-
-export default actionTypes;

src/ts/member/signout/redux/index.ts

@@ -1,2 +0,0 @@
-export * from './state';
-export * from './reducer';

src/ts/member/signout/redux/payload/SignoutPayload.ts

@@ -1,4 +0,0 @@
-interface SignoutPayload {
-}
-
-export default SignoutPayload;

src/ts/member/signout/redux/reducer/index.ts

@@ -1,21 +0,0 @@
-import Action from 'commons/redux/Action';
-import IModule from 'commons/redux/Module';
-import actionTypes from '../action/type';
-import State, { defaultState } from '../state';
-
-
-export function reducer(state: State = defaultState, action: Action): State {
-  switch (action.type) {
-    case actionTypes.REQUEST_SUCCESS:
-    {
-
-      return state;
-    }
-    case actionTypes.REQUEST_FAILURE:
-    {
-      return state;
-    }
-    default:
-      return state;
-  }
-}

src/ts/member/signout/redux/saga/index.ts

@@ -1,44 +0,0 @@
-// import Action from 'commons/redux/Action';
-// import { SigninPayload } from 'member/signin/redux';
-// import { takeLatest } from 'redux-saga';
-// import { call, put } from 'redux-saga/effects';
-
-// export function * signin(action: Action<SigninPayload>) {
-//   try {
-//     const {signinId, signinPw} = action.payload;
-//     yield put({
-//       type: types.SENDING_REQUEST,
-//       payload: {sendingRequest: true},
-//     });
-
-//     const responseBody = yield call(api.login, signinId, signinPw);
-
-//     if (responseBody.token === undefined) {
-//       throw new Error(MESSAGES.UNABLE_TO_FIND_TOKEN_IN_LOGIN_RESPONSE);
-//     }
-
-//     yield put({
-//       type: types.LOGIN__SUCCEEDED,
-//       payload: {
-//         idToken: responseBody.token,
-//       },
-//     });
-//   } catch (e) {
-//     yield put({
-//       type: types.LOGIN__FAILED,
-//       payload: {
-//         message: e.message,
-//         statusCode: e.statusCode,
-//       },
-//     });
-//   } finally {
-//     yield put({
-//       type: types.SENDING_REQUEST,
-//       payload: {sendingRequest: false},
-//     });
-//   }
-// }
-
-// export function * watchSignin() {
-//   yield * takeLatest(types.LOGIN__REQUESTED, signin);
-// }

src/ts/member/signout/redux/state/index.ts

@@ -1,15 +0,0 @@
-import Member from 'member/api/model/Member';
-
-export interface State {
-  isAuthenticated: boolean;
-  member?: Member;
-  error?: Error;
-}
-
-export const defaultState: State = {
-  isAuthenticated: undefined,
-  member: undefined,
-  error: undefined,
-};
-
-export default State;

src/ts/member/signout/views/containers/components/Signin.tsx

@@ -1,85 +0,0 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-
-import {
-  Dialog,
-  Divider,
-  FlatButton,
-  MenuItem,
-  Paper,
-  RaisedButton,
-  SelectField,
-  Slider,
-  TextField,
-} from 'material-ui';
-
-export interface Props {
-  onSignin?: (signinId: string, signinPw: string) => void;
-  onSignup?: () => void;
-  onResetPassword?: () => void;
-}
-
-export interface State {
-  signinId: string;
-  signinPw: string;
-}
-
-export class Signin extends React.Component<Props, State> {
-  public static defaultProps: Partial<Props> = {
-    onSignin: (signinId: string, signinPw: string): void => {
-      console.log('onSignin');
-    },
-    onSignup: (): void => {
-      console.log('onSignup');
-    },
-    onResetPassword: (): void => {
-      console.log('onResetPassword');
-    },
-  };
-
-  public constructor(props: Props, context: State) {
-    super(props, context);
-  }
-
-  public render(): JSX.Element {
-
-    return (
-      <div>
-        <TextField
-          hintText='smith@gmail.com'
-          floatingLabelText='Email address*'
-          errorText=''
-          underlineShow={true}
-          value={this.state.signinId}
-          onChange={(e, newValue) => this.setState({ signinId: newValue })}
-        />
-        <br />
-        <TextField
-          hintText='Password'
-          floatingLabelText='Password'
-          type='password'
-          value={this.state.signinPw}
-          onChange={(e, newValue) => this.setState({ signinPw: newValue })}
-        />
-        <br />
-
-        <RaisedButton
-          label='Sign In'
-          primary={true}
-          onClick={(e) => this.props.onSignin(this.state.signinId, this.state.signinPw)}
-        />
-        <RaisedButton
-          label='Sign Up'
-          primary={false}
-          onClick={this.props.onSignup}
-        />
-        <RaisedButton
-          label='Reset Password'
-          primary={false}
-          onClick={this.props.onResetPassword}
-        />
-
-      </div>
-    );
-  }
-}

src/ts/member/signup/index.ts

@@ -1 +0,0 @@
-export * from './redux';

src/ts/member/signup/redux/action/index.ts

@@ -1,37 +0,0 @@
-import Action from 'commons/redux/Action';
-
-import Member from 'member/api/model/Member';
-
-import actionTypes from './type';
-import SignupPayload from '../payload/SignupPayload';
-
-export interface Actions {
-  request: (signupPayload: SignupPayload) => Action<SignupPayload>;
-  requestSuccess: (member: Member) => Action<Member>;
-  requestFailure: (error: Error) => Action;
-}
-
-export const actions: Actions = {
-    request(signupPayload: SignupPayload): Action<SignupPayload> {
-      return {
-          type: actionTypes.REQUEST,
-          payload: signupPayload,
-        };
-    },
-
-    requestSuccess(member: Member): Action<Member> {
-      return {
-          type: actionTypes.REQUEST_SUCCESS,
-          payload: member,
-        };
-    },
-
-    requestFailure(error: Error): Action {
-      return {
-          type: actionTypes.REQUEST_FAILURE,
-          error: error,
-        };
-    },
-};
-
-export default actions;

src/ts/member/signup/redux/action/type.ts

@@ -1,17 +0,0 @@
-export type REQUEST = '@overflow/member/signup/REQUEST';
-export type REQUEST_SUCCESS = '@overflow/member/signup/REQUEST_SUCCESS';
-export type REQUEST_FAILURE = '@overflow/member/signup/REQUEST_FAILURE';
-
-export interface ActionTypes {
-  REQUEST: REQUEST;
-  REQUEST_SUCCESS: REQUEST_SUCCESS;
-  REQUEST_FAILURE: REQUEST_FAILURE;
-}
-
-export const actionTypes: ActionTypes = {
-  REQUEST: '@overflow/member/signup/REQUEST',
-  REQUEST_SUCCESS: '@overflow/member/signup/REQUEST_SUCCESS',
-  REQUEST_FAILURE: '@overflow/member/signup/REQUEST_FAILURE',
-};
-
-export default actionTypes;

src/ts/member/signup/redux/index.ts

@@ -1,2 +0,0 @@
-export * from './state';
-export * from './reducer';

src/ts/member/signup/redux/payload/SignupPayload.ts

@@ -1,6 +0,0 @@
-import Member from 'member/api/model/Member';
-
-interface SignupPayload extends Member {
-}
-
-export default SignupPayload;

src/ts/member/signup/redux/reducer/index.ts

@@ -1,24 +0,0 @@
-import Action from 'commons/redux/Action';
-import IModule from 'commons/redux/Module';
-
-import Member from 'member/api/model/Member';
-
-import actionTypes from '../action/type';
-import State, { defaultState } from '../state';
-
-
-export function reducer(state: State = defaultState, action: Action<Member | Error>): State {
-  switch (action.type) {
-    case actionTypes.REQUEST_SUCCESS:
-    {
-
-      return state;
-    }
-    case actionTypes.REQUEST_FAILURE:
-    {
-      return state;
-    }
-    default:
-      return state;
-  }
-}

src/ts/member/signup/redux/saga/index.ts

@@ -1,44 +0,0 @@
-// import Action from 'commons/redux/Action';
-// import { SigninPayload } from 'member/signin/redux';
-// import { takeLatest } from 'redux-saga';
-// import { call, put } from 'redux-saga/effects';
-
-// export function * signin(action: Action<SigninPayload>) {
-//   try {
-//     const {signinId, signinPw} = action.payload;
-//     yield put({
-//       type: types.SENDING_REQUEST,
-//       payload: {sendingRequest: true},
-//     });
-
-//     const responseBody = yield call(api.login, signinId, signinPw);
-
-//     if (responseBody.token === undefined) {
-//       throw new Error(MESSAGES.UNABLE_TO_FIND_TOKEN_IN_LOGIN_RESPONSE);
-//     }
-
-//     yield put({
-//       type: types.LOGIN__SUCCEEDED,
-//       payload: {
-//         idToken: responseBody.token,
-//       },
-//     });
-//   } catch (e) {
-//     yield put({
-//       type: types.LOGIN__FAILED,
-//       payload: {
-//         message: e.message,
-//         statusCode: e.statusCode,
-//       },
-//     });
-//   } finally {
-//     yield put({
-//       type: types.SENDING_REQUEST,
-//       payload: {sendingRequest: false},
-//     });
-//   }
-// }
-
-// export function * watchSignin() {
-//   yield * takeLatest(types.LOGIN__REQUESTED, signin);
-// }

src/ts/member/signup/views/containers/components/Signin.tsx

@@ -1,85 +0,0 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-
-import {
-  Dialog,
-  Divider,
-  FlatButton,
-  MenuItem,
-  Paper,
-  RaisedButton,
-  SelectField,
-  Slider,
-  TextField,
-} from 'material-ui';
-
-export interface Props {
-  onSignin?: (signinId: string, signinPw: string) => void;
-  onSignup?: () => void;
-  onResetPassword?: () => void;
-}
-
-export interface State {
-  signinId: string;
-  signinPw: string;
-}
-
-export class Signin extends React.Component<Props, State> {
-  public static defaultProps: Partial<Props> = {
-    onSignin: (signinId: string, signinPw: string): void => {
-      console.log('onSignin');
-    },
-    onSignup: (): void => {
-      console.log('onSignup');
-    },
-    onResetPassword: (): void => {
-      console.log('onResetPassword');
-    },
-  };
-
-  public constructor(props: Props, context: State) {
-    super(props, context);
-  }
-
-  public render(): JSX.Element {
-
-    return (
-      <div>
-        <TextField
-          hintText='smith@gmail.com'
-          floatingLabelText='Email address*'
-          errorText=''
-          underlineShow={true}
-          value={this.state.signinId}
-          onChange={(e, newValue) => this.setState({ signinId: newValue })}
-        />
-        <br />
-        <TextField
-          hintText='Password'
-          floatingLabelText='Password'
-          type='password'
-          value={this.state.signinPw}
-          onChange={(e, newValue) => this.setState({ signinPw: newValue })}
-        />
-        <br />
-
-        <RaisedButton
-          label='Sign In'
-          primary={true}
-          onClick={(e) => this.props.onSignin(this.state.signinId, this.state.signinPw)}
-        />
-        <RaisedButton
-          label='Sign Up'
-          primary={false}
-          onClick={this.props.onSignup}
-        />
-        <RaisedButton
-          label='Reset Password'
-          primary={false}
-          onClick={this.props.onResetPassword}
-        />
-
-      </div>
-    );
-  }
-}

src/ts/member/views/components/Signin.tsx

@@ -14,6 +14,7 @@ import {
 } from 'material-ui';
 
 export interface Props {
+  isSignin?: boolean;
   onSignin?: (signinId: string, signinPw: string) => void;
   onSignup?: () => void;
   onResetPassword?: () => void;
@@ -48,7 +49,7 @@ export class Signin extends React.Component<Props, State> {
 
   public render(): JSX.Element {
 
-    return (
+    return (this.props.isSignin ? <div>Signed</div> :
       <div>
         <TextField
           hintText='smith@gmail.com'

src/ts/member/views/containers/Signin.tsx

@@ -3,13 +3,15 @@ import {
   Signin,
   Props as SigninProps,
   State as SigninState,
-} from './components/Signin';
+} from '../components/Signin';
+import State from 'member/signin/redux/state';
 
 import signinActions from 'member/signin/redux/action';
 
 
 export function mapStateToProps(state: any): SigninProps {
   return {
+    isSignin: state.member.signin.isAuthenticated,
   };
 }