From 0bc393e41c5b238c1d95a49ede3dec45b4ed527e Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Wed, 9 Aug 2017 17:04:15 +0300
Subject: Add action buttons to project rows

---
 src/components/projects/ProjectActionButtons.js | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/components/projects/ProjectActionButtons.js

(limited to 'src/components/projects/ProjectActionButtons.js')

diff --git a/src/components/projects/ProjectActionButtons.js b/src/components/projects/ProjectActionButtons.js
new file mode 100644
index 00000000..085438d8
--- /dev/null
+++ b/src/components/projects/ProjectActionButtons.js
@@ -0,0 +1,24 @@
+import PropTypes from "prop-types";
+import React from 'react';
+
+const ProjectActionButtons = ({onOpen, onViewUsers, onDelete}) => (
+    <div className="project-icons">
+        <div className="open" title="Open this project" onClick={onOpen}>
+            <span className="fa fa-play"/>
+        </div>
+        <div className="users" title="View and edit collaborators on this project" onClick={onViewUsers}>
+            <span className="fa fa-users"/>
+        </div>
+        <div className="delete" title="Delete this project" onClick={onDelete}>
+            <span className="fa fa-trash"/>
+        </div>
+    </div>
+);
+
+ProjectActionButtons.propTypes = {
+    onOpen: PropTypes.func.isRequired,
+    onViewUsers: PropTypes.func.isRequired,
+    onDelete: PropTypes.func.isRequired,
+};
+
+export default ProjectActionButtons;
-- 
cgit v1.2.3