🔥 ⚡ Major Update

* Adds Actions, Redicers and Middlewares
* Adds Http Service
* Adds Cancel option for Http Service
* Adds HOC's for API Loader, Sidebar and Headers
* Adds Random key generator for Routes

src/modules/login/login.container.js

@@ -1,12 +1,50 @@
-import React,{Component} from 'react';
+import React, { Component } from 'react';
+import { connect } from "react-redux";
+import WithFooter from '../../shared/footer.hoc';
+import { loginMock } from './login.service';
+import { loginRequest } from '../../actions/login.action';
+import HttpService from '../../services/http.service';
+class LoginContainer extends Component {
 
-class LoginContainer extends Component{
+    state = {
 
-    render(){
-        return(
-            <div>Login</div>
+    };
+
+    onLogin = ()=>{
+        let params = {
+            email: "eve.holt@reqres.in",
+            password: "cityslicka"
+        };
+
+        // loginMock(params).then(res=>{
+        //     console.log(res);
+        // })
+        this.props.dispatch(loginRequest(params));
+        // HttpService.cancelRequest();
+    }
+
+    render() {
+        return (
+            <div className="container-fluid">
+                <div className="row">
+                    <div className="col-md-12">
+                        Login
+                    </div>                    
+                    <div className="col-md-12">
+                        <button className="btn btn-primary" onClick={this.onLogin}>Login</button>
+                    </div>
+                </div>
+            </div>
         );
     }
 }
 
-export default LoginContainer;
+const mapStateToProps = state => {
+    return {
+
+    };
+};
+
+export default connect(mapStateToProps)(
+    WithFooter(LoginContainer)
+);