Merge branch 'feature/mongodb-migration' of github.com:atlarge-research/opendc-dev into feature/mongodb-migration

1 files changed, 37 insertions, 0 deletions

diff --git a/frontend/src/components/projects/ProjectActionButtons.js b/frontend/src/components/projects/ProjectActionButtons.js
new file mode 100644
index 00000000..456dd6b6
--- /dev/null
+++ b/frontend/src/components/projects/ProjectActionButtons.js
@@ -0,0 +1,37 @@
+import PropTypes from 'prop-types'
+import React from 'react'
+import { Link } from 'react-router-dom'
+
+const ProjectActionButtons = ({ projectId, onViewUsers, onDelete }) => (
+    <td className="text-right">
+        <Link
+            to={'/projects/' + projectId}
+            className="btn btn-outline-primary btn-sm mr-2"
+            title="Open this project"
+        >
+            <span className="fa fa-play"/>
+        </Link>
+        <div
+            className="btn btn-outline-success btn-sm disabled mr-2"
+            title="View and edit collaborators (not supported currently)"
+            onClick={() => onViewUsers(projectId)}
+        >
+            <span className="fa fa-users"/>
+        </div>
+        <div
+            className="btn btn-outline-danger btn-sm"
+            title="Delete this project"
+            onClick={() => onDelete(projectId)}
+        >
+            <span className="fa fa-trash"/>
+        </div>
+    </td>
+)
+
+ProjectActionButtons.propTypes = {
+    projectId: PropTypes.string.isRequired,
+    onViewUsers: PropTypes.func,
+    onDelete: PropTypes.func,
+}
+
+export default ProjectActionButtons