diff --git a/employeemanagement/src/App.js b/employeemanagement/src/App.js index d97e00f876537e5a03fbb7ba7f1f83ea5b67cb8a..9b3cf49fe3aa72ccab94f4d4b41689ee9fa27268 100644 --- a/employeemanagement/src/App.js +++ b/employeemanagement/src/App.js @@ -7,7 +7,7 @@ function App() { return ( <BrowserRouter> <div className="App"> - <Dashboard /> + <SignIn /> </div> </BrowserRouter> ); diff --git a/employeemanagement/src/components/auth/SignIn.js b/employeemanagement/src/components/auth/SignIn.js index bb47fbc22edce386ab996481b0f704a523c4131f..400a47e94fd762fdcf6aeb3b378e384d4004ca24 100644 --- a/employeemanagement/src/components/auth/SignIn.js +++ b/employeemanagement/src/components/auth/SignIn.js @@ -1,5 +1,7 @@ import React, { Component } from 'react'; import Logo from '../images/header-logo.png'; +import { connect } from 'react-redux'; +import { signIn } from '../../store/actions/authAction'; class Signin extends Component { state = { @@ -15,6 +17,7 @@ class Signin extends Component { handleSubmit = (e) => { e.preventDefault(); + this.props.signIn(this.state); } render(){ return( @@ -39,5 +42,10 @@ class Signin extends Component { ) } } +const mapDisToProps = (dispatch) => { + return { + signIn: (credentials) => dispatch(signIn(credentials)) + } +} -export default Signin; \ No newline at end of file +export default connect(null, mapDisToProps)(Signin); \ No newline at end of file diff --git a/employeemanagement/src/store/actions/authAction.js b/employeemanagement/src/store/actions/authAction.js new file mode 100644 index 0000000000000000000000000000000000000000..04195f3c7bfddf254f2f479eba88aec84059da1a --- /dev/null +++ b/employeemanagement/src/store/actions/authAction.js @@ -0,0 +1,5 @@ +export const signIn = (credentials) => { + return (dispatch, getState) => { + dispatch({ type: 'LOGIN', credentials}) + } +} \ No newline at end of file diff --git a/employeemanagement/src/store/reducers/authReducer.js b/employeemanagement/src/store/reducers/authReducer.js index 924880376be978e1603a7ea44340fbb5688e3865..6b88a438ae0b4a1458951a58e4f1e7e625cdc1b5 100644 --- a/employeemanagement/src/store/reducers/authReducer.js +++ b/employeemanagement/src/store/reducers/authReducer.js @@ -1,7 +1,12 @@ const initialState = {} -const authRed = (state = initialState, action) => { - return state +const authReducer = (state = initialState, action) => { + switch (action.type) { + case 'LOGIN': + console.log('Login check', action.credentials); + default: + return state; + } + return state; } - -export default authRed; \ No newline at end of file +export default authReducer \ No newline at end of file