Init

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

app/routes/Apps/Files/Files.js

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