From e9909159dc5db91eda12437e18c1474cae848af7 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Thu, 7 Sep 2017 11:38:42 +0200
Subject: Implement first machine slot listing

---
 .../sidebars/topology/rack/EmptySlotComponent.js         | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 src/components/sidebars/topology/rack/EmptySlotComponent.js

(limited to 'src/components/sidebars/topology/rack/EmptySlotComponent.js')

diff --git a/src/components/sidebars/topology/rack/EmptySlotComponent.js b/src/components/sidebars/topology/rack/EmptySlotComponent.js
new file mode 100644
index 00000000..5234ee63
--- /dev/null
+++ b/src/components/sidebars/topology/rack/EmptySlotComponent.js
@@ -0,0 +1,16 @@
+import React from "react";
+import FontAwesome from "react-fontawesome";
+
+const EmptySlotComponent = ({position, onAdd}) => (
+    <li className="list-group-item justify-content-between">
+        <span className="badge badge-default badge-info">
+            {position}
+        </span>
+        Add machine
+        <button className="btn btn-secondary" onClick={onAdd}>
+            <FontAwesome name="plus"/>
+        </button>
+    </li>
+);
+
+export default EmptySlotComponent;
-- 
cgit v1.2.3