Init

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

app/routes/Apps/Projects/Projects.js

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