Init

Preview: http://dashboards.webkom.co/react/airframe

app/routes/Apps/Users/Users.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { 
+    Container,
+    Row,
+    Col
+} from './../../../components';
+import { HeaderMain } from "../../components/HeaderMain";
+import UsersList from './UsersList';
+import UsersGrid from './UsersGrid';
+import { UsersLeftNav } from "../../components/Users/UsersLeftNav";
+import { ProjectsSmHeader } from "../../components/Projects/ProjectsSmHeader";
+
+const Users = (props) => (
+    <React.Fragment>
+        <Container>
+            <HeaderMain 
+                title="Users"
+                className="mb-5 mt-4"
+            />
+            <Row>
+                <Col lg={ 3 }>
+                    <UsersLeftNav />
+                </Col>
+                <Col lg={ 9 }>
+                    <ProjectsSmHeader 
+                        subTitle={props.match.params.type === "list"?"Users List":"Users Grid"}
+                        linkList="/apps/users/list"
+                        linkGrid="/apps/users/grid"
+                    />
+
+                    { 
+                        props.match.params.type === "list" ?
+                            <UsersList /> :
+                            <UsersGrid />
+                    }
+                </Col>
+            </Row>
+        </Container>
+    </React.Fragment>
+);
+Users.propTypes = {
+    match: PropTypes.object.isRequired
+};
+
+
+export default Users;