Add framework for room level sidebar

2 files changed, 21 insertions, 0 deletions

diff --git a/src/components/sidebars/topology/room/RoomNameComponent.js b/src/components/sidebars/topology/room/RoomNameComponent.js
new file mode 100644
index 00000000..4a8de76d
--- /dev/null
+++ b/src/components/sidebars/topology/room/RoomNameComponent.js
@@ -0,0 +1,13 @@
+import React from "react";
+import FontAwesome from "react-fontawesome";
+
+const RoomNameComponent = ({roomName, onEdit}) => (
+    <h2>
+        {roomName}
+        <button className="btn btn-outline-secondary float-right" onClick={onEdit}>
+            <FontAwesome name="pencil"/>
+        </button>
+    </h2>
+);
+
+export default RoomNameComponent;
diff --git a/src/components/sidebars/topology/room/RoomSidebarComponent.js b/src/components/sidebars/topology/room/RoomSidebarComponent.js
new file mode 100644
index 00000000..5ee9821a
--- /dev/null
+++ b/src/components/sidebars/topology/room/RoomSidebarComponent.js
@@ -0,0 +1,8 @@
+import React from "react";
+import RoomNameContainer from "../../../../containers/sidebars/topology/room/RoomNameContainer";
+
+const RoomSidebarComponent = ({roomType}) => {
+    return <RoomNameContainer/>
+};
+
+export default RoomSidebarComponent;