From fc9c52a8f102202bd0e1a8a9dc4d8d68babe2304 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Fri, 8 Sep 2017 10:27:00 +0200
Subject: Implement UI for unit addition and removal

---
 src/components/sidebars/topology/machine/UnitComponent.js | 10 ++++++++++
 1 file changed, 10 insertions(+)
 create mode 100644 src/components/sidebars/topology/machine/UnitComponent.js

(limited to 'src/components/sidebars/topology/machine/UnitComponent.js')

diff --git a/src/components/sidebars/topology/machine/UnitComponent.js b/src/components/sidebars/topology/machine/UnitComponent.js
new file mode 100644
index 00000000..20cdad1e
--- /dev/null
+++ b/src/components/sidebars/topology/machine/UnitComponent.js
@@ -0,0 +1,10 @@
+import React from "react";
+
+const UnitComponent = ({unit, onDelete}) => (
+    <li className="d-flex list-group-item justify-content-between align-items-center">
+        {unit.manufacturer + " " + unit.family + " " + unit.model + " " + unit.generation}
+        <span className="btn btn-outline-danger" onClick={onDelete}>Delete</span>
+    </li>
+);
+
+export default UnitComponent;
-- 
cgit v1.2.3