Create basic projects page with add-button

1 files changed, 31 insertions, 4 deletions

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);