2 files changed, 53 insertions, 6 deletions
diff --git a/src/modules/login/login.container.js b/src/modules/login/login.container.js
index 705284e..2bf05b1 100644
--- a/src/modules/login/login.container.js
+++ b/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;
-\ No newline at end of file
+const mapStateToProps = state => {
+    return {
+
+    };
+};
+
+export default connect(mapStateToProps)(
+    WithFooter(LoginContainer)
+);
+\ No newline at end of file
diff --git a/src/modules/login/login.service.js b/src/modules/login/login.service.js
new file mode 100644
index 0000000..15fc3cc
--- /dev/null
+++ b/src/modules/login/login.service.js
@@ -0,0 +1,9 @@
+import HttpService from '../../services/http.service';
+
+export const loginMock = (params)=>{
+    return HttpService.fetch({
+        url: 'https://reqres.in/api/login',
+        method: 'post',
+        data: params
+    });
+}
+\ No newline at end of file