1 files changed, 37 insertions, 0 deletions
diff --git a/frontend/src/components/simulations/SimulationActionButtons.js b/frontend/src/components/simulations/SimulationActionButtons.js
new file mode 100644
index 00000000..46f4f159
--- /dev/null
+++ b/frontend/src/components/simulations/SimulationActionButtons.js
@@ -0,0 +1,37 @@
+import PropTypes from "prop-types";
+import React from "react";
+import { Link } from "react-router-dom";
+
+const SimulationActionButtons = ({ simulationId, onViewUsers, onDelete }) => (
+  <td className="text-right">
+    <Link
+      to={"/simulations/" + simulationId}
+      className="btn btn-outline-primary btn-sm mr-2"
+      title="Open this simulation"
+    >
+      <span className="fa fa-play" />
+    </Link>
+    <div
+      className="btn btn-outline-success btn-sm disabled mr-2"
+      title="View and edit collaborators (not supported yet)"
+      onClick={() => onViewUsers(simulationId)}
+    >
+      <span className="fa fa-users" />
+    </div>
+    <div
+      className="btn btn-outline-danger btn-sm"
+      title="Delete this simulation"
+      onClick={() => onDelete(simulationId)}
+    >
+      <span className="fa fa-trash" />
+    </div>
+  </td>
+);
+
+SimulationActionButtons.propTypes = {
+  simulationId: PropTypes.number.isRequired,
+  onViewUsers: PropTypes.func,
+  onDelete: PropTypes.func
+};
+
+export default SimulationActionButtons;