From eea529f57e3ee39d2f492062688b2848ced0a747 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Thu, 31 Aug 2017 22:53:48 +0200
Subject: Add framework for room level sidebar

---
 src/components/sidebars/topology/room/RoomNameComponent.js  | 13 +++++++++++++
 .../sidebars/topology/room/RoomSidebarComponent.js          |  8 ++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 src/components/sidebars/topology/room/RoomNameComponent.js
 create mode 100644 src/components/sidebars/topology/room/RoomSidebarComponent.js

(limited to 'src/components/sidebars/topology/room')

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;
-- 
cgit v1.2.3