Create basic projects page with add-button

3 files changed, 44 insertions, 4 deletions

diff --git a/src/pages/NotFound.js b/src/pages/NotFound.js
new file mode 100644
index 00000000..51141c3e
--- /dev/null
+++ b/src/pages/NotFound.js
@@ -0,0 +1,11 @@
+import React from 'react';
+import TerminalWindow from "../components/not-found/TerminalWindow";
+import './NotFound.css';
+
+const NotFound = () => (
+    <div className="not-found-backdrop">
+        <TerminalWindow/>
+    </div>
+);
+
+export default NotFound;
diff --git a/src/pages/Projects.js b/src/pages/Projects.js
index 6d377e92..40902d97 100644
--- a/src/pages/Projects.js
+++ b/src/pages/Projects.js
@@ -1,8 +1,35 @@
 import React from 'react';
+import {connect} from "react-redux";
+import {addProject, openNewProjectModal} from "../actions/projects";
 import Navbar from "../components/navigation/Navbar";
+import ProjectFilterPanel from "../components/projects/FilterPanel";
+import NewProjectButton from "../components/projects/NewProjectButton";
+import NewProjectModal from "../containers/projects/NewProjectModal";
+import VisibleProjectList from "../containers/projects/VisibleProjectAuthList";
+import "./Projects.css";
 
-const Projects = () => (
-    <Navbar/>
-);
+class Projects extends React.Component {
+    componentDidMount() {
+        // TODO perform initial fetch
+    }
 
-export default Projects;
+    onInputSubmission(text) {
+        this.props.dispatch(addProject(text));
+    }
+
+    render() {
+        return (
+            <div className="full-height">
+                <Navbar/>
+                <div className="container project-page-container full-height">
+                    <ProjectFilterPanel/>
+                    <VisibleProjectList/>
+                    <NewProjectButton onClick={() => {this.props.dispatch(openNewProjectModal())}}/>
+                </div>
+                <NewProjectModal/>
+            </div>
+        );
+    }
+}
+
+export default connect()(Projects);
diff --git a/src/pages/Projects.sass b/src/pages/Projects.sass
new file mode 100644
index 00000000..11a52e1a
--- /dev/null
+++ b/src/pages/Projects.sass
@@ -0,0 +1,2 @@
+.project-page-container
+  padding-top: 2rem