Add framework for room level sidebar

1 files changed, 13 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;