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/containers/projects/NewProjectModal.js | 34 ++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/containers/projects/NewProjectModal.js

(limited to 'src/containers/projects/NewProjectModal.js')

diff --git a/src/containers/projects/NewProjectModal.js b/src/containers/projects/NewProjectModal.js
new file mode 100644
index 00000000..7321cb4d
--- /dev/null
+++ b/src/containers/projects/NewProjectModal.js
@@ -0,0 +1,34 @@
+import React from "react";
+import {connect} from "react-redux";
+import {addProject, closeNewProjectModal} from "../../actions/projects";
+import TextInputModal from "../../components/modals/TextInputModal";
+
+const NewProjectModalComponent = ({visible, callback}) => (
+    <TextInputModal title="New Project" label="Project title"
+                    show={visible}
+                    callback={callback}/>
+);
+
+const mapStateToProps = state => {
+    return {
+        visible: state.newProjectModalVisible
+    };
+};
+
+const mapDispatchToProps = dispatch => {
+    return {
+        callback: (text) => {
+            if (text) {
+                dispatch(addProject(text));
+                dispatch(closeNewProjectModal());
+            }
+        }
+    };
+};
+
+const NewProjectModal = connect(
+    mapStateToProps,
+    mapDispatchToProps
+)(NewProjectModalComponent);
+
+export default NewProjectModal;
-- 
cgit v1.2.3