summaryrefslogtreecommitdiff
path: root/frontend/src/components/app/sidebars/topology/building
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/app/sidebars/topology/building')
-rw-r--r--frontend/src/components/app/sidebars/topology/building/BuildingSidebarComponent.js33
-rw-r--r--frontend/src/components/app/sidebars/topology/building/NewRoomConstructionComponent.js54
2 files changed, 44 insertions, 43 deletions
diff --git a/frontend/src/components/app/sidebars/topology/building/BuildingSidebarComponent.js b/frontend/src/components/app/sidebars/topology/building/BuildingSidebarComponent.js
index f16c19f0..00965c18 100644
--- a/frontend/src/components/app/sidebars/topology/building/BuildingSidebarComponent.js
+++ b/frontend/src/components/app/sidebars/topology/building/BuildingSidebarComponent.js
@@ -1,20 +1,21 @@
-import React from "react";
-import NewRoomConstructionContainer from "../../../../../containers/app/sidebars/topology/building/NewRoomConstructionContainer";
+import React from 'react'
+import NewRoomConstructionContainer
+ from '../../../../../containers/app/sidebars/topology/building/NewRoomConstructionContainer'
const BuildingSidebarComponent = ({ inSimulation }) => {
- return (
- <div>
- <h2>Building</h2>
- {inSimulation ? (
- <div className="alert alert-info">
- <span className="fa fa-info-circle mr-2" />
- <strong>Click on individual rooms</strong> to see their stats!
+ return (
+ <div>
+ <h2>Building</h2>
+ {inSimulation ? (
+ <div className="alert alert-info">
+ <span className="fa fa-info-circle mr-2"/>
+ <strong>Click on individual rooms</strong> to see their stats!
+ </div>
+ ) : (
+ <NewRoomConstructionContainer/>
+ )}
</div>
- ) : (
- <NewRoomConstructionContainer />
- )}
- </div>
- );
-};
+ )
+}
-export default BuildingSidebarComponent;
+export default BuildingSidebarComponent
diff --git a/frontend/src/components/app/sidebars/topology/building/NewRoomConstructionComponent.js b/frontend/src/components/app/sidebars/topology/building/NewRoomConstructionComponent.js
index 7b049642..362483bf 100644
--- a/frontend/src/components/app/sidebars/topology/building/NewRoomConstructionComponent.js
+++ b/frontend/src/components/app/sidebars/topology/building/NewRoomConstructionComponent.js
@@ -1,31 +1,31 @@
-import React from "react";
+import React from 'react'
const NewRoomConstructionComponent = ({
- onStart,
- onFinish,
- onCancel,
- currentRoomInConstruction
-}) => {
- if (currentRoomInConstruction === -1) {
+ onStart,
+ onFinish,
+ onCancel,
+ currentRoomInConstruction,
+ }) => {
+ if (currentRoomInConstruction === -1) {
+ return (
+ <div className="btn btn-outline-primary btn-block" onClick={onStart}>
+ <span className="fa fa-plus mr-2"/>
+ Construct a new room
+ </div>
+ )
+ }
return (
- <div className="btn btn-outline-primary btn-block" onClick={onStart}>
- <span className="fa fa-plus mr-2" />
- Construct a new room
- </div>
- );
- }
- return (
- <div>
- <div className="btn btn-primary btn-block" onClick={onFinish}>
- <span className="fa fa-check mr-2" />
- Finalize new room
- </div>
- <div className="btn btn-default btn-block" onClick={onCancel}>
- <span className="fa fa-times mr-2" />
- Cancel construction
- </div>
- </div>
- );
-};
+ <div>
+ <div className="btn btn-primary btn-block" onClick={onFinish}>
+ <span className="fa fa-check mr-2"/>
+ Finalize new room
+ </div>
+ <div className="btn btn-default btn-block" onClick={onCancel}>
+ <span className="fa fa-times mr-2"/>
+ Cancel construction
+ </div>
+ </div>
+ )
+}
-export default NewRoomConstructionComponent;
+export default NewRoomConstructionComponent