summaryrefslogtreecommitdiff
path: root/src/components/sidebars/topology/room
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/sidebars/topology/room')
-rw-r--r--src/components/sidebars/topology/room/RoomNameComponent.js9
-rw-r--r--src/components/sidebars/topology/room/RoomSidebarComponent.js14
-rw-r--r--src/components/sidebars/topology/room/RoomTypeComponent.js10
3 files changed, 25 insertions, 8 deletions
diff --git a/src/components/sidebars/topology/room/RoomNameComponent.js b/src/components/sidebars/topology/room/RoomNameComponent.js
index 4a8de76d..4d3e41cc 100644
--- a/src/components/sidebars/topology/room/RoomNameComponent.js
+++ b/src/components/sidebars/topology/room/RoomNameComponent.js
@@ -1,13 +1,8 @@
import React from "react";
-import FontAwesome from "react-fontawesome";
+import NameComponent from "../NameComponent";
const RoomNameComponent = ({roomName, onEdit}) => (
- <h2>
- {roomName}
- <button className="btn btn-outline-secondary float-right" onClick={onEdit}>
- <FontAwesome name="pencil"/>
- </button>
- </h2>
+ <NameComponent name={roomName} onEdit={onEdit}/>
);
export default RoomNameComponent;
diff --git a/src/components/sidebars/topology/room/RoomSidebarComponent.js b/src/components/sidebars/topology/room/RoomSidebarComponent.js
index 5ee9821a..dc01a301 100644
--- a/src/components/sidebars/topology/room/RoomSidebarComponent.js
+++ b/src/components/sidebars/topology/room/RoomSidebarComponent.js
@@ -1,8 +1,20 @@
import React from "react";
import RoomNameContainer from "../../../../containers/sidebars/topology/room/RoomNameContainer";
+import RoomTypeContainer from "../../../../containers/sidebars/topology/room/RoomTypeContainer";
const RoomSidebarComponent = ({roomType}) => {
- return <RoomNameContainer/>
+ let allowedObjects;
+ if (roomType === "SERVER") {
+ allowedObjects = "test";
+ }
+
+ return (
+ <div>
+ <RoomNameContainer/>
+ <RoomTypeContainer/>
+ {allowedObjects}
+ </div>
+ );
};
export default RoomSidebarComponent;
diff --git a/src/components/sidebars/topology/room/RoomTypeComponent.js b/src/components/sidebars/topology/room/RoomTypeComponent.js
new file mode 100644
index 00000000..c48c185a
--- /dev/null
+++ b/src/components/sidebars/topology/room/RoomTypeComponent.js
@@ -0,0 +1,10 @@
+import React from "react";
+import {ROOM_TYPE_TO_NAME_MAP} from "../../../../util/room-types";
+
+const RoomTypeComponent = ({roomType}) => (
+ <p className="lead">
+ {ROOM_TYPE_TO_NAME_MAP[roomType]}
+ </p>
+);
+
+export default RoomTypeComponent;