From 67a771cbb02ec9da3c60704901f3150b46a7262b Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Wed, 9 Aug 2017 14:29:14 +0300
Subject: Create basic projects page with add-button

---
 src/pages/Projects.js | 35 +++++++++++++++++++++++++++++++----
 1 file changed, 31 insertions(+), 4 deletions(-)

(limited to 'src/pages/Projects.js')

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);
-- 
cgit v1.2.3