member signin redirect

src/ts/@overflow/member/react/SignIn.tsx

@@ -7,12 +7,12 @@ import {
 import State from '../redux/state/SignIn';
 
 import * as signinActions from '../redux/action/signIn';
-
+import { push as routerPush } from 'react-router-redux';
 import * as asyncRequestActions from '@overflow/commons/redux/action/asyncRequest';
 
 export function mapStateToProps(state: any, ownProps?: any): SignInStateProps {
   return {
-
+    isAuthenticated: state.isAuthenticated,
   };
 }
 
@@ -22,6 +22,9 @@ export function mapDispatchToProps(dispatch: Dispatch<any>, ownProps?: any): Sig
       // dispatch(signinActions.request(signinId, signinPw));
       dispatch(asyncRequestActions.request('MemberService', 'signin', signinActions.REQUEST, signinId, signinPw));
     },
+    onRedirectHome: () => {
+      dispatch(routerPush('/'));
+    },
   };
 }
 

src/ts/@overflow/member/react/components/SignIn.tsx

@@ -16,12 +16,14 @@ const options = [
   { key: 'unitedstates', value: '1', text: 'United States(1)' },
 ];
 export interface StateProps {
+  isAuthenticated?:boolean;
 }
 
 export interface DispatchProps {
   onSignIn?(signinId: string, signinPw: string ): void;
   onSignUp?(): void;
   onResetPassword?():void;
+  onRedirectHome():void;
 }
 
 export type Props = StateProps & DispatchProps;
@@ -46,54 +48,58 @@ export class SignIn extends React.Component<Props, State> {
   }
 
   public render(): JSX.Element {
-    return (
-      <Form>
-        <Form.Input fluid placeholder='Email' defaultValue={this.state.email} onChange={
+    let signinElement = <Form>
+      <Form.Input fluid placeholder='Email' defaultValue={this.state.email} onChange={
         (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
           this.setState({ email: data.value });
         }} />
-        <Form.Input fluid placeholder='Password' defaultValue={this.state.pass} type='password' onChange={
+      <Form.Input fluid placeholder='Password' defaultValue={this.state.pass} type='password' onChange={
         (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
           this.setState({ pass: data.value });
         }} />
-        <div style={{textAlign:'right'}}>
-          <Button size='tiny' style={{background:'#fff'}} onClick={this.forgotPopupOpen}>Forgot Password?</Button>
-        </div>
-        <Form.Group>
+      <div style={{textAlign:'right'}}>
+        <Button size='tiny' style={{background:'#fff'}} onClick={this.forgotPopupOpen}>Forgot Password?</Button>
+      </div>
+      <Form.Group>
         <Button fluid primary style={{margin:'7'}} onClick={ this.signInClick.bind(this) }>    Sign In  </Button>
         <Button fluid style={{margin:'7'}} href='/#/test2'>    Sign Up  </Button>
-        </Form.Group>
+      </Form.Group>
 
-        <Modal size='small' open={this.state.forgotPopup} onClose={this.PopupClose}>
-          <Modal.Header>Change your password</Modal.Header>
-          <Modal.Content >
-            Enter email address
-            <Grid centered>
-              <Grid.Column mobile={14} tablet={10} computer={10}>
+      <Modal size='small' open={this.state.forgotPopup} onClose={this.PopupClose}>
+        <Modal.Header>Change your password</Modal.Header>
+        <Modal.Content >
+          Enter email address
+          <Grid centered>
+            <Grid.Column mobile={14} tablet={10} computer={10}>
               <Input fluid placeholder='Email' />
-              </Grid.Column>
-            </Grid>
-          </Modal.Content>
-          <Modal.Actions>
-            <Button primary onClick={this.sendComOpen}>              Submit      </Button>
-            <Button onClick={this.PopupClose}>              Cancel      </Button>
-          </Modal.Actions>
-        </Modal>
+            </Grid.Column>
+          </Grid>
+        </Modal.Content>
+        <Modal.Actions>
+          <Button primary onClick={this.sendComOpen}>              Submit      </Button>
+          <Button onClick={this.PopupClose}>              Cancel      </Button>
+        </Modal.Actions>
+      </Modal>
 
-        <Modal size='small' open={this.state.sendComPopup} onClose={this.PopupClose}>
-          <Modal.Header>Send Complete</Modal.Header>
-          <Modal.Content>
-            <Modal.Description>
-              <Header>비밀번호 변경이 신청 되었습니다.</Header>
-              <p>수신하신 메일의 주소에서 비밀번호 변경을 완료 하시기 바랍니다.</p>
-            </Modal.Description>
-          </Modal.Content>
-          <Modal.Actions>
-            <Button primary onClick={this.PopupClose}>              Ok      </Button>
-          </Modal.Actions>
-        </Modal>
-      </Form>
-    );
+      <Modal size='small' open={this.state.sendComPopup} onClose={this.PopupClose}>
+        <Modal.Header>Send Complete</Modal.Header>
+        <Modal.Content>
+          <Modal.Description>
+            <Header>비밀번호 변경이 신청 되었습니다.</Header>
+            <p>수신하신 메일의 주소에서 비밀번호 변경을 완료 하시기 바랍니다.</p>
+          </Modal.Description>
+        </Modal.Content>
+        <Modal.Actions>
+          <Button primary onClick={this.PopupClose}>              Ok      </Button>
+        </Modal.Actions>
+      </Modal>
+    </Form>;
+
+    if( this.props.isAuthenticated ) {
+      this.props.onRedirectHome();
+    } else {
+      return signinElement;
+    }
   }
 
   private forgotPopupOpen = () => this.setState({ forgotPopup: true });

src/ts/@overflow/member/redux/reducer/signIn.ts

@@ -7,8 +7,10 @@ import SigninState, { defaultState as signinDefaultState } from '../state/SignIn
 
 const reducer: ReducersMapObject = {
   [SigninActionTypes.REQUEST_SUCCESS]: (state: SigninState = signinDefaultState, action: Action<Member>): SigninState => {
-
-    return state;
+    return {
+      ...state,
+      isAuthenticated: true,
+    };
   },
   [SigninActionTypes.REQUEST_FAILURE]: (state: SigninState = signinDefaultState, action: Action<Error>): SigninState => {
     return state;