4 files changed, 43 insertions, 0 deletions
diff --git a/src/components/sidebars/topology/machine/BackToRackComponent.js b/src/components/sidebars/topology/machine/BackToRackComponent.js
new file mode 100644
index 00000000..a602d242
--- /dev/null
+++ b/src/components/sidebars/topology/machine/BackToRackComponent.js
@@ -0,0 +1,9 @@
+import React from "react";
+
+const BackToRackComponent = ({onClick}) => (
+    <div className="btn btn-secondary btn-block" onClick={onClick}>
+        Back to rack
+    </div>
+);
+
+export default BackToRackComponent;
diff --git a/src/components/sidebars/topology/machine/DeleteMachineComponent.js b/src/components/sidebars/topology/machine/DeleteMachineComponent.js
new file mode 100644
index 00000000..f6fd39da
--- /dev/null
+++ b/src/components/sidebars/topology/machine/DeleteMachineComponent.js
@@ -0,0 +1,11 @@
+import React from "react";
+
+const DeleteMachineComponent = ({onClick}) => {
+    return (
+        <div className="btn btn-danger btn-block" onClick={onClick}>
+            Delete this machine
+        </div>
+    );
+};
+
+export default DeleteMachineComponent;
diff --git a/src/components/sidebars/topology/machine/MachineNameComponent.js b/src/components/sidebars/topology/machine/MachineNameComponent.js
new file mode 100644
index 00000000..321e350d
--- /dev/null
+++ b/src/components/sidebars/topology/machine/MachineNameComponent.js
@@ -0,0 +1,7 @@
+import React from "react";
+
+const MachineNameComponent = ({position}) => (
+    <h2>Machine at slot {position}</h2>
+);
+
+export default MachineNameComponent;
diff --git a/src/components/sidebars/topology/machine/MachineSidebarComponent.js b/src/components/sidebars/topology/machine/MachineSidebarComponent.js
new file mode 100644
index 00000000..117db784
--- /dev/null
+++ b/src/components/sidebars/topology/machine/MachineSidebarComponent.js
@@ -0,0 +1,16 @@
+import React from "react";
+import BackToRackContainer from "../../../../containers/sidebars/topology/machine/BackToRackContainer";
+import DeleteMachineContainer from "../../../../containers/sidebars/topology/machine/DeleteMachineContainer";
+import MachineNameContainer from "../../../../containers/sidebars/topology/machine/MachineNameContainer";
+
+const MachineSidebarComponent = () => {
+    return (
+        <div>
+            <MachineNameContainer/>
+            <BackToRackContainer/>
+            <DeleteMachineContainer/>
+        </div>
+    );
+};
+
+export default MachineSidebarComponent;