auth actions created, modified dispatch for login action

employeemanagement/src/App.js

@@ -7,7 +7,7 @@ function App() {
   return (
     <BrowserRouter>
       <div className="App">
-        <Dashboard />
+        <SignIn />
       </div>
     </BrowserRouter>
   );

employeemanagement/src/components/auth/SignIn.js

 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

employeemanagement/src/store/actions/authAction.js

+export const signIn = (credentials) => {
+    return (dispatch, getState) => {
+        dispatch({ type: 'LOGIN', credentials})
+    }
+}
\ No newline at end of file

employeemanagement/src/store/reducers/authReducer.js

 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