Add machine mode with title and delete options

5 files changed, 47 insertions, 0 deletions

diff --git a/src/components/sidebars/topology/TopologySidebarComponent.js b/src/components/sidebars/topology/TopologySidebarComponent.js
index bc23d320..36f2ecc1 100644
--- a/src/components/sidebars/topology/TopologySidebarComponent.js
+++ b/src/components/sidebars/topology/TopologySidebarComponent.js
@@ -2,6 +2,7 @@ import React from "react";
 import BuildingSidebarContainer from "../../../containers/sidebars/topology/building/BuildingSidebarContainer";
 import RoomSidebarContainer from "../../../containers/sidebars/topology/room/RoomSidebarContainer";
 import Sidebar from "../Sidebar";
+import MachineSidebarComponent from "./machine/MachineSidebarComponent";
 import RackSidebarComponent from "./rack/RackSidebarComponent";
 
 const TopologySidebarComponent = ({interactionLevel}) => {
@@ -17,6 +18,9 @@ const TopologySidebarComponent = ({interactionLevel}) => {
         case "RACK":
             sidebarContent = <RackSidebarComponent/>;
             break;
+        case "MACHINE":
+            sidebarContent = <MachineSidebarComponent/>;
+            break;
         default:
             sidebarContent = "Missing Content";
     }
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;