:fire: :zap: 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

1 files changed, 51 insertions, 6 deletions

diff --git a/src/modules/superadmin/superadmin.container.js b/src/modules/superadmin/superadmin.container.js
index a82608d..ef83a52 100644
--- a/src/modules/superadmin/superadmin.container.js
+++ b/src/modules/superadmin/superadmin.container.js
@@ -1,12 +1,57 @@
-import React, {Component} from 'react';
+import React, { Component } from 'react';
+import { connect } from "react-redux";
+import WithHeaderFooter from '../../shared/header_footer.hoc';
+import WithSidebar from '../../shared/sidebar.hoc';
+import { COMMON_REQUEST, COMMON_CANCEL } from '../../utils/constants';
+import HttpService from '../../services/http.service';
+class SuperAdminContainer extends Component {
 
-class SuperAdminContainer extends Component{
+    componentDidMount() {
 
-    render(){
-        return(
-            <div>SuperAdminContainer</div>
+    }
+
+    startRequest = () => {
+        this.props.dispatch({
+            type: COMMON_REQUEST
+        });
+        let params = {
+            url: 'https://reqres.in/api/users?page=2'
+        }
+        HttpService.fetch(params).then(res=>{
+            console.log(res);
+        })
+    }
+
+    stopRequest = () => {
+        // this.props.dispatch({
+        //     type: COMMON_CANCEL
+        // })
+        HttpService.cancelRequest();
+    }
+
+    render() {
+        return (
+            <div className="container-fluid">
+                <div className="row">
+                    <div className="col-md-12">
+                        SuperAdminContainer
+                    </div>
+                </div>
+                <div className="row">
+                    <div className="col-md-1"><button className="btn btn-primary" onClick={this.startRequest}>Start Request</button></div>
+                    <div className="col-md-1"><button className="btn btn btn-danger" onClick={this.stopRequest}>Stop Request</button></div>
+                </div>
+            </div>
         );
     }
 }
 
-export default SuperAdminContainer;
\ No newline at end of file
+const mapStateToProps = state => {
+    return {
+
+    };
+};
+
+export default connect(mapStateToProps)(
+    WithSidebar(WithHeaderFooter(SuperAdminContainer))
+);
\ No newline at end of file