Add a button to delete the currently viewed room

2 files changed, 13 insertions, 0 deletions

diff --git a/src/components/sidebars/topology/room/DeleteRoomComponent.js b/src/components/sidebars/topology/room/DeleteRoomComponent.js
new file mode 100644
index 00000000..61e10523
--- /dev/null
+++ b/src/components/sidebars/topology/room/DeleteRoomComponent.js
@@ -0,0 +1,11 @@
+import React from "react";
+
+const DeleteRoomComponent = ({onClick}) => {
+    return (
+        <div className="btn btn-danger btn-block" onClick={onClick}>
+            Delete this room
+        </div>
+    );
+};
+
+export default DeleteRoomComponent;
diff --git a/src/components/sidebars/topology/room/RoomSidebarComponent.js b/src/components/sidebars/topology/room/RoomSidebarComponent.js
index 4c1200c1..a15351f9 100644
--- a/src/components/sidebars/topology/room/RoomSidebarComponent.js
+++ b/src/components/sidebars/topology/room/RoomSidebarComponent.js
@@ -1,4 +1,5 @@
 import React from "react";
+import DeleteRoomContainer from "../../../../containers/sidebars/topology/room/DeleteRoomContainer";
 import RackConstructionContainer from "../../../../containers/sidebars/topology/room/RackConstructionContainer";
 import RoomNameContainer from "../../../../containers/sidebars/topology/room/RoomNameContainer";
 import RoomTypeContainer from "../../../../containers/sidebars/topology/room/RoomTypeContainer";
@@ -14,6 +15,7 @@ const RoomSidebarComponent = ({roomType}) => {
             <RoomNameContainer/>
             <RoomTypeContainer/>
             {allowedObjects}
+            <DeleteRoomContainer/>
         </div>
     );
 };