Merge pull request #12 from atlarge-research/feature/scenario-plots

Plotting of portfolio results

27 files changed, 70 insertions, 133 deletions

diff --git a/frontend/src/containers/app/sidebars/elements/LoadChartContainer.js b/frontend/src/containers/app/sidebars/elements/LoadChartContainer.js
deleted file mode 100644
index 61f95932..00000000
--- a/frontend/src/containers/app/sidebars/elements/LoadChartContainer.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { connect } from 'react-redux'
-import LoadChartComponent from '../../../../components/app/sidebars/elements/LoadChartComponent'
-
-const mapStateToProps = (state, ownProps) => {
-    const data = []
-
-    return {
-        data,
-        currentTick: state.currentTick,
-    }
-}
-
-const LoadChartContainer = connect(mapStateToProps)(LoadChartComponent)
-
-export default LoadChartContainer
diff --git a/frontend/src/containers/app/sidebars/project/PortfolioListContainer.js b/frontend/src/containers/app/sidebars/project/PortfolioListContainer.js
index d32a5c60..b32c8b1d 100644
--- a/frontend/src/containers/app/sidebars/project/PortfolioListContainer.js
+++ b/frontend/src/containers/app/sidebars/project/PortfolioListContainer.js
@@ -6,11 +6,11 @@ import { openNewPortfolioModal } from '../../../../actions/modals/portfolios'
 import { getState } from '../../../../util/state-utils'
 import { setCurrentTopology } from '../../../../actions/topology/building'
 
-const mapStateToProps = state => {
-    let portfolios = state.objects.project[state.currentProjectId] ? state.objects.project[state.currentProjectId].portfolioIds.map(t => (
-        state.objects.portfolio[t]
-    )) : []
-    if (portfolios.filter(t => !t).length > 0) {
+const mapStateToProps = (state) => {
+    let portfolios = state.objects.project[state.currentProjectId]
+        ? state.objects.project[state.currentProjectId].portfolioIds.map((t) => state.objects.portfolio[t])
+        : []
+    if (portfolios.filter((t) => !t).length > 0) {
         portfolios = []
     }
 
@@ -40,8 +40,6 @@ const mapDispatchToProps = (dispatch, ownProps) => {
     }
 }
 
-const PortfolioListContainer = withRouter(connect(mapStateToProps, mapDispatchToProps)(
-    PortfolioListComponent,
-))
+const PortfolioListContainer = withRouter(connect(mapStateToProps, mapDispatchToProps)(PortfolioListComponent))
 
 export default PortfolioListContainer
diff --git a/frontend/src/containers/app/sidebars/project/ProjectSidebarContainer.js b/frontend/src/containers/app/sidebars/project/ProjectSidebarContainer.js
index 3951c24a..49001099 100644
--- a/frontend/src/containers/app/sidebars/project/ProjectSidebarContainer.js
+++ b/frontend/src/containers/app/sidebars/project/ProjectSidebarContainer.js
@@ -1,10 +1,10 @@
 import React from 'react'
 import { withRouter } from 'react-router-dom'
 import ProjectSidebarComponent from '../../../../components/app/sidebars/project/ProjectSidebarComponent'
+import { isCollapsible } from '../../../../util/sidebar-space'
 
 const ProjectSidebarContainer = withRouter(({ location, ...props }) => (
-    <ProjectSidebarComponent
-        collapsible={location.pathname.indexOf('portfolios') === -1 && location.pathname.indexOf('scenarios') === -1} {...props}/>
+    <ProjectSidebarComponent collapsible={isCollapsible(location)} {...props} />
 ))
 
 export default ProjectSidebarContainer
diff --git a/frontend/src/containers/app/sidebars/project/ScenarioListContainer.js b/frontend/src/containers/app/sidebars/project/ScenarioListContainer.js
index 2fd56d2b..415e2792 100644
--- a/frontend/src/containers/app/sidebars/project/ScenarioListContainer.js
+++ b/frontend/src/containers/app/sidebars/project/ScenarioListContainer.js
@@ -5,10 +5,10 @@ import { deleteScenario, setCurrentScenario } from '../../../../actions/scenario
 import { setCurrentPortfolio } from '../../../../actions/portfolios'
 
 const mapStateToProps = (state, ownProps) => {
-    let scenarios = state.objects.portfolio[ownProps.portfolioId] ? state.objects.portfolio[ownProps.portfolioId].scenarioIds.map(t => (
-        state.objects.scenario[t]
-    )) : []
-    if (scenarios.filter(t => !t).length > 0) {
+    let scenarios = state.objects.portfolio[ownProps.portfolioId]
+        ? state.objects.portfolio[ownProps.portfolioId].scenarioIds.map((t) => state.objects.scenario[t])
+        : []
+    if (scenarios.filter((t) => !t).length > 0) {
         scenarios = []
     }
 
@@ -19,7 +19,7 @@ const mapStateToProps = (state, ownProps) => {
     }
 }
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onNewScenario: (currentPortfolioId) => {
             dispatch(setCurrentPortfolio(currentPortfolioId))
@@ -30,16 +30,12 @@ const mapDispatchToProps = dispatch => {
         },
         onDeleteScenario: (id) => {
             if (id) {
-                dispatch(
-                    deleteScenario(id),
-                )
+                dispatch(deleteScenario(id))
             }
         },
     }
 }
 
-const ScenarioListContainer = connect(mapStateToProps, mapDispatchToProps)(
-    ScenarioListComponent,
-)
+const ScenarioListContainer = connect(mapStateToProps, mapDispatchToProps)(ScenarioListComponent)
 
 export default ScenarioListContainer
diff --git a/frontend/src/containers/app/sidebars/project/TopologyListContainer.js b/frontend/src/containers/app/sidebars/project/TopologyListContainer.js
index 6905c7c5..f65982ef 100644
--- a/frontend/src/containers/app/sidebars/project/TopologyListContainer.js
+++ b/frontend/src/containers/app/sidebars/project/TopologyListContainer.js
@@ -6,18 +6,17 @@ import { withRouter } from 'react-router-dom'
 import { getState } from '../../../../util/state-utils'
 import { deleteScenario } from '../../../../actions/scenarios'
 
-const mapStateToProps = state => {
-    let topologies = state.objects.project[state.currentProjectId] ? state.objects.project[state.currentProjectId].topologyIds.map(t => (
-        state.objects.topology[t]
-    )) : []
-    if (topologies.filter(t => !t).length > 0) {
+const mapStateToProps = (state) => {
+    let topologies = state.objects.project[state.currentProjectId]
+        ? state.objects.project[state.currentProjectId].topologyIds.map((t) => state.objects.topology[t])
+        : []
+    if (topologies.filter((t) => !t).length > 0) {
         topologies = []
     }
 
     return {
         currentTopologyId: state.currentTopologyId,
         topologies,
-
     }
 }
 
@@ -42,8 +41,6 @@ const mapDispatchToProps = (dispatch, ownProps) => {
     }
 }
 
-const TopologyListContainer = withRouter(connect(mapStateToProps, mapDispatchToProps)(
-    TopologyListComponent,
-))
+const TopologyListContainer = withRouter(connect(mapStateToProps, mapDispatchToProps)(TopologyListComponent))
 
 export default TopologyListContainer
diff --git a/frontend/src/containers/app/sidebars/topology/TopologySidebarContainer.js b/frontend/src/containers/app/sidebars/topology/TopologySidebarContainer.js
index f9bc10bf..fe7c02fd 100644
--- a/frontend/src/containers/app/sidebars/topology/TopologySidebarContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/TopologySidebarContainer.js
@@ -1,7 +1,7 @@
 import { connect } from 'react-redux'
 import TopologySidebarComponent from '../../../../components/app/sidebars/topology/TopologySidebarComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         interactionLevel: state.interactionLevel,
     }
diff --git a/frontend/src/containers/app/sidebars/topology/building/NewRoomConstructionContainer.js b/frontend/src/containers/app/sidebars/topology/building/NewRoomConstructionContainer.js
index e1dfdc50..ea9e9e60 100644
--- a/frontend/src/containers/app/sidebars/topology/building/NewRoomConstructionContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/building/NewRoomConstructionContainer.js
@@ -4,16 +4,15 @@ import {
     finishNewRoomConstruction,
     startNewRoomConstruction,
 } from '../../../../../actions/topology/building'
-import StartNewRoomConstructionComponent
-    from '../../../../../components/app/sidebars/topology/building/NewRoomConstructionComponent'
+import StartNewRoomConstructionComponent from '../../../../../components/app/sidebars/topology/building/NewRoomConstructionComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         currentRoomInConstruction: state.construction.currentRoomInConstruction,
     }
 }
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onStart: () => dispatch(startNewRoomConstruction()),
         onFinish: () => dispatch(finishNewRoomConstruction()),
@@ -21,8 +20,6 @@ const mapDispatchToProps = dispatch => {
     }
 }
 
-const NewRoomConstructionButton = connect(mapStateToProps, mapDispatchToProps)(
-    StartNewRoomConstructionComponent,
-)
+const NewRoomConstructionButton = connect(mapStateToProps, mapDispatchToProps)(StartNewRoomConstructionComponent)
 
 export default NewRoomConstructionButton
diff --git a/frontend/src/containers/app/sidebars/topology/machine/BackToRackContainer.js b/frontend/src/containers/app/sidebars/topology/machine/BackToRackContainer.js
index 61cb79a8..24287ab0 100644
--- a/frontend/src/containers/app/sidebars/topology/machine/BackToRackContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/machine/BackToRackContainer.js
@@ -2,14 +2,12 @@ import { connect } from 'react-redux'
 import { goDownOneInteractionLevel } from '../../../../../actions/interaction-level'
 import BackToRackComponent from '../../../../../components/app/sidebars/topology/machine/BackToRackComponent'
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onClick: () => dispatch(goDownOneInteractionLevel()),
     }
 }
 
-const BackToRackContainer = connect(undefined, mapDispatchToProps)(
-    BackToRackComponent,
-)
+const BackToRackContainer = connect(undefined, mapDispatchToProps)(BackToRackComponent)
 
 export default BackToRackContainer
diff --git a/frontend/src/containers/app/sidebars/topology/machine/DeleteMachineContainer.js b/frontend/src/containers/app/sidebars/topology/machine/DeleteMachineContainer.js
index 2dfb0d46..65e683e6 100644
--- a/frontend/src/containers/app/sidebars/topology/machine/DeleteMachineContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/machine/DeleteMachineContainer.js
@@ -2,14 +2,12 @@ import { connect } from 'react-redux'
 import { openDeleteMachineModal } from '../../../../../actions/modals/topology'
 import DeleteMachineComponent from '../../../../../components/app/sidebars/topology/machine/DeleteMachineComponent'
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onClick: () => dispatch(openDeleteMachineModal()),
     }
 }
 
-const DeleteMachineContainer = connect(undefined, mapDispatchToProps)(
-    DeleteMachineComponent,
-)
+const DeleteMachineContainer = connect(undefined, mapDispatchToProps)(DeleteMachineComponent)
 
 export default DeleteMachineContainer
diff --git a/frontend/src/containers/app/sidebars/topology/machine/MachineNameContainer.js b/frontend/src/containers/app/sidebars/topology/machine/MachineNameContainer.js
index 5c29f85f..1cf35b05 100644
--- a/frontend/src/containers/app/sidebars/topology/machine/MachineNameContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/machine/MachineNameContainer.js
@@ -1,7 +1,7 @@
 import { connect } from 'react-redux'
 import MachineNameComponent from '../../../../../components/app/sidebars/topology/machine/MachineNameComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         position: state.interactionLevel.position,
     }
diff --git a/frontend/src/containers/app/sidebars/topology/machine/MachineSidebarContainer.js b/frontend/src/containers/app/sidebars/topology/machine/MachineSidebarContainer.js
index 868f26da..b04e3118 100644
--- a/frontend/src/containers/app/sidebars/topology/machine/MachineSidebarContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/machine/MachineSidebarContainer.js
@@ -1,17 +1,15 @@
 import { connect } from 'react-redux'
 import MachineSidebarComponent from '../../../../../components/app/sidebars/topology/machine/MachineSidebarComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         machineId:
-            state.objects.rack[
-                state.objects.tile[state.interactionLevel.tileId].rackId
-                ].machineIds[state.interactionLevel.position - 1],
+            state.objects.rack[state.objects.tile[state.interactionLevel.tileId].rackId].machineIds[
+                state.interactionLevel.position - 1
+            ],
     }
 }
 
-const MachineSidebarContainer = connect(mapStateToProps)(
-    MachineSidebarComponent,
-)
+const MachineSidebarContainer = connect(mapStateToProps)(MachineSidebarComponent)
 
 export default MachineSidebarContainer
diff --git a/frontend/src/containers/app/sidebars/topology/machine/UnitAddContainer.js b/frontend/src/containers/app/sidebars/topology/machine/UnitAddContainer.js
index 7ff06f4f..29e48016 100644
--- a/frontend/src/containers/app/sidebars/topology/machine/UnitAddContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/machine/UnitAddContainer.js
@@ -10,12 +10,10 @@ const mapStateToProps = (state, ownProps) => {
 
 const mapDispatchToProps = (dispatch, ownProps) => {
     return {
-        onAdd: id => dispatch(addUnit(ownProps.unitType, id)),
+        onAdd: (id) => dispatch(addUnit(ownProps.unitType, id)),
     }
 }
 
-const UnitAddContainer = connect(mapStateToProps, mapDispatchToProps)(
-    UnitAddComponent,
-)
+const UnitAddContainer = connect(mapStateToProps, mapDispatchToProps)(UnitAddComponent)
 
 export default UnitAddContainer
diff --git a/frontend/src/containers/app/sidebars/topology/machine/UnitContainer.js b/frontend/src/containers/app/sidebars/topology/machine/UnitContainer.js
index bd629564..a028ebce 100644
--- a/frontend/src/containers/app/sidebars/topology/machine/UnitContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/machine/UnitContainer.js
@@ -14,8 +14,6 @@ const mapDispatchToProps = (dispatch, ownProps) => {
     }
 }
 
-const UnitContainer = connect(mapStateToProps, mapDispatchToProps)(
-    UnitComponent,
-)
+const UnitContainer = connect(mapStateToProps, mapDispatchToProps)(UnitComponent)
 
 export default UnitContainer
diff --git a/frontend/src/containers/app/sidebars/topology/machine/UnitListContainer.js b/frontend/src/containers/app/sidebars/topology/machine/UnitListContainer.js
index e3ad77fd..f382ff74 100644
--- a/frontend/src/containers/app/sidebars/topology/machine/UnitListContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/machine/UnitListContainer.js
@@ -5,10 +5,10 @@ const mapStateToProps = (state, ownProps) => {
     return {
         unitIds:
             state.objects.machine[
-                state.objects.rack[
-                    state.objects.tile[state.interactionLevel.tileId].rackId
-                    ].machineIds[state.interactionLevel.position - 1]
-                ][ownProps.unitType + 'Ids'],
+                state.objects.rack[state.objects.tile[state.interactionLevel.tileId].rackId].machineIds[
+                    state.interactionLevel.position - 1
+                ]
+            ][ownProps.unitType + 'Ids'],
     }
 }
 
diff --git a/frontend/src/containers/app/sidebars/topology/rack/BackToRoomContainer.js b/frontend/src/containers/app/sidebars/topology/rack/BackToRoomContainer.js
index 35b76d70..58c3b082 100644
--- a/frontend/src/containers/app/sidebars/topology/rack/BackToRoomContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/rack/BackToRoomContainer.js
@@ -2,14 +2,12 @@ import { connect } from 'react-redux'
 import { goDownOneInteractionLevel } from '../../../../../actions/interaction-level'
 import BackToRoomComponent from '../../../../../components/app/sidebars/topology/rack/BackToRoomComponent'
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onClick: () => dispatch(goDownOneInteractionLevel()),
     }
 }
 
-const BackToRoomContainer = connect(undefined, mapDispatchToProps)(
-    BackToRoomComponent,
-)
+const BackToRoomContainer = connect(undefined, mapDispatchToProps)(BackToRoomComponent)
 
 export default BackToRoomContainer
diff --git a/frontend/src/containers/app/sidebars/topology/rack/DeleteRackContainer.js b/frontend/src/containers/app/sidebars/topology/rack/DeleteRackContainer.js
index b45a419b..8229a359 100644
--- a/frontend/src/containers/app/sidebars/topology/rack/DeleteRackContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/rack/DeleteRackContainer.js
@@ -2,14 +2,12 @@ import { connect } from 'react-redux'
 import { openDeleteRackModal } from '../../../../../actions/modals/topology'
 import DeleteRackComponent from '../../../../../components/app/sidebars/topology/rack/DeleteRackComponent'
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onClick: () => dispatch(openDeleteRackModal()),
     }
 }
 
-const DeleteRackContainer = connect(undefined, mapDispatchToProps)(
-    DeleteRackComponent,
-)
+const DeleteRackContainer = connect(undefined, mapDispatchToProps)(DeleteRackComponent)
 
 export default DeleteRackContainer
diff --git a/frontend/src/containers/app/sidebars/topology/rack/EmptySlotContainer.js b/frontend/src/containers/app/sidebars/topology/rack/EmptySlotContainer.js
index ab287bac..cf341da9 100644
--- a/frontend/src/containers/app/sidebars/topology/rack/EmptySlotContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/rack/EmptySlotContainer.js
@@ -8,8 +8,6 @@ const mapDispatchToProps = (dispatch, ownProps) => {
     }
 }
 
-const EmptySlotContainer = connect(undefined, mapDispatchToProps)(
-    EmptySlotComponent,
-)
+const EmptySlotContainer = connect(undefined, mapDispatchToProps)(EmptySlotComponent)
 
 export default EmptySlotContainer
diff --git a/frontend/src/containers/app/sidebars/topology/rack/MachineContainer.js b/frontend/src/containers/app/sidebars/topology/rack/MachineContainer.js
index 6b0f0a04..fe12827d 100644
--- a/frontend/src/containers/app/sidebars/topology/rack/MachineContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/rack/MachineContainer.js
@@ -14,8 +14,6 @@ const mapDispatchToProps = (dispatch, ownProps) => {
     }
 }
 
-const MachineContainer = connect(mapStateToProps, mapDispatchToProps)(
-    MachineComponent,
-)
+const MachineContainer = connect(mapStateToProps, mapDispatchToProps)(MachineComponent)
 
 export default MachineContainer
diff --git a/frontend/src/containers/app/sidebars/topology/rack/MachineListContainer.js b/frontend/src/containers/app/sidebars/topology/rack/MachineListContainer.js
index 3898d119..bc5a285a 100644
--- a/frontend/src/containers/app/sidebars/topology/rack/MachineListContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/rack/MachineListContainer.js
@@ -1,12 +1,9 @@
 import { connect } from 'react-redux'
 import MachineListComponent from '../../../../../components/app/sidebars/topology/rack/MachineListComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
-        machineIds:
-        state.objects.rack[
-            state.objects.tile[state.interactionLevel.tileId].rackId
-            ].machineIds,
+        machineIds: state.objects.rack[state.objects.tile[state.interactionLevel.tileId].rackId].machineIds,
     }
 }
 
diff --git a/frontend/src/containers/app/sidebars/topology/rack/RackNameContainer.js b/frontend/src/containers/app/sidebars/topology/rack/RackNameContainer.js
index 4d8e8936..504dbc61 100644
--- a/frontend/src/containers/app/sidebars/topology/rack/RackNameContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/rack/RackNameContainer.js
@@ -2,23 +2,18 @@ import { connect } from 'react-redux'
 import { openEditRackNameModal } from '../../../../../actions/modals/topology'
 import RackNameComponent from '../../../../../components/app/sidebars/topology/rack/RackNameComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
-        rackName:
-        state.objects.rack[
-            state.objects.tile[state.interactionLevel.tileId].rackId
-            ].name,
+        rackName: state.objects.rack[state.objects.tile[state.interactionLevel.tileId].rackId].name,
     }
 }
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onEdit: () => dispatch(openEditRackNameModal()),
     }
 }
 
-const RackNameContainer = connect(mapStateToProps, mapDispatchToProps)(
-    RackNameComponent,
-)
+const RackNameContainer = connect(mapStateToProps, mapDispatchToProps)(RackNameComponent)
 
 export default RackNameContainer
diff --git a/frontend/src/containers/app/sidebars/topology/rack/RackSidebarContainer.js b/frontend/src/containers/app/sidebars/topology/rack/RackSidebarContainer.js
index d9be1e8b..453d7e41 100644
--- a/frontend/src/containers/app/sidebars/topology/rack/RackSidebarContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/rack/RackSidebarContainer.js
@@ -1,7 +1,7 @@
 import { connect } from 'react-redux'
 import RackSidebarComponent from '../../../../../components/app/sidebars/topology/rack/RackSidebarComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         rackId: state.objects.tile[state.interactionLevel.tileId].rackId,
     }
diff --git a/frontend/src/containers/app/sidebars/topology/room/BackToBuildingContainer.js b/frontend/src/containers/app/sidebars/topology/room/BackToBuildingContainer.js
index bf4ecbb5..4c1ab99d 100644
--- a/frontend/src/containers/app/sidebars/topology/room/BackToBuildingContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/room/BackToBuildingContainer.js
@@ -2,14 +2,12 @@ import { connect } from 'react-redux'
 import { goDownOneInteractionLevel } from '../../../../../actions/interaction-level'
 import BackToBuildingComponent from '../../../../../components/app/sidebars/topology/room/BackToBuildingComponent'
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onClick: () => dispatch(goDownOneInteractionLevel()),
     }
 }
 
-const BackToBuildingContainer = connect(undefined, mapDispatchToProps)(
-    BackToBuildingComponent,
-)
+const BackToBuildingContainer = connect(undefined, mapDispatchToProps)(BackToBuildingComponent)
 
 export default BackToBuildingContainer
diff --git a/frontend/src/containers/app/sidebars/topology/room/DeleteRoomContainer.js b/frontend/src/containers/app/sidebars/topology/room/DeleteRoomContainer.js
index 0f699888..636fa5c5 100644
--- a/frontend/src/containers/app/sidebars/topology/room/DeleteRoomContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/room/DeleteRoomContainer.js
@@ -2,14 +2,12 @@ import { connect } from 'react-redux'
 import { openDeleteRoomModal } from '../../../../../actions/modals/topology'
 import DeleteRoomComponent from '../../../../../components/app/sidebars/topology/room/DeleteRoomComponent'
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onClick: () => dispatch(openDeleteRoomModal()),
     }
 }
 
-const DeleteRoomContainer = connect(undefined, mapDispatchToProps)(
-    DeleteRoomComponent,
-)
+const DeleteRoomContainer = connect(undefined, mapDispatchToProps)(DeleteRoomComponent)
 
 export default DeleteRoomContainer
diff --git a/frontend/src/containers/app/sidebars/topology/room/EditRoomContainer.js b/frontend/src/containers/app/sidebars/topology/room/EditRoomContainer.js
index 227938fa..d17a45d1 100644
--- a/frontend/src/containers/app/sidebars/topology/room/EditRoomContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/room/EditRoomContainer.js
@@ -2,22 +2,20 @@ import { connect } from 'react-redux'
 import { finishRoomEdit, startRoomEdit } from '../../../../../actions/topology/building'
 import EditRoomComponent from '../../../../../components/app/sidebars/topology/room/EditRoomComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         isEditing: state.construction.currentRoomInConstruction !== '-1',
         isInRackConstructionMode: state.construction.inRackConstructionMode,
     }
 }
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onEdit: () => dispatch(startRoomEdit()),
         onFinish: () => dispatch(finishRoomEdit()),
     }
 }
 
-const EditRoomContainer = connect(mapStateToProps, mapDispatchToProps)(
-    EditRoomComponent,
-)
+const EditRoomContainer = connect(mapStateToProps, mapDispatchToProps)(EditRoomComponent)
 
 export default EditRoomContainer
diff --git a/frontend/src/containers/app/sidebars/topology/room/RackConstructionContainer.js b/frontend/src/containers/app/sidebars/topology/room/RackConstructionContainer.js
index 17a30d20..cd8319de 100644
--- a/frontend/src/containers/app/sidebars/topology/room/RackConstructionContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/room/RackConstructionContainer.js
@@ -2,22 +2,20 @@ import { connect } from 'react-redux'
 import { startRackConstruction, stopRackConstruction } from '../../../../../actions/topology/room'
 import RackConstructionComponent from '../../../../../components/app/sidebars/topology/room/RackConstructionComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         inRackConstructionMode: state.construction.inRackConstructionMode,
         isEditingRoom: state.construction.currentRoomInConstruction !== '-1',
     }
 }
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onStart: () => dispatch(startRackConstruction()),
         onStop: () => dispatch(stopRackConstruction()),
     }
 }
 
-const RackConstructionContainer = connect(mapStateToProps, mapDispatchToProps)(
-    RackConstructionComponent,
-)
+const RackConstructionContainer = connect(mapStateToProps, mapDispatchToProps)(RackConstructionComponent)
 
 export default RackConstructionContainer
diff --git a/frontend/src/containers/app/sidebars/topology/room/RoomNameContainer.js b/frontend/src/containers/app/sidebars/topology/room/RoomNameContainer.js
index dae7dcc0..cab16016 100644
--- a/frontend/src/containers/app/sidebars/topology/room/RoomNameContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/room/RoomNameContainer.js
@@ -2,20 +2,18 @@ import { connect } from 'react-redux'
 import { openEditRoomNameModal } from '../../../../../actions/modals/topology'
 import RoomNameComponent from '../../../../../components/app/sidebars/topology/room/RoomNameComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         roomName: state.objects.room[state.interactionLevel.roomId].name,
     }
 }
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onEdit: () => dispatch(openEditRoomNameModal()),
     }
 }
 
-const RoomNameContainer = connect(mapStateToProps, mapDispatchToProps)(
-    RoomNameComponent,
-)
+const RoomNameContainer = connect(mapStateToProps, mapDispatchToProps)(RoomNameComponent)
 
 export default RoomNameContainer
diff --git a/frontend/src/containers/app/sidebars/topology/room/RoomSidebarContainer.js b/frontend/src/containers/app/sidebars/topology/room/RoomSidebarContainer.js
index a95e290d..8c3ca8ab 100644
--- a/frontend/src/containers/app/sidebars/topology/room/RoomSidebarContainer.js
+++ b/frontend/src/containers/app/sidebars/topology/room/RoomSidebarContainer.js
@@ -1,7 +1,7 @@
 import { connect } from 'react-redux'
 import RoomSidebarComponent from '../../../../../components/app/sidebars/topology/room/RoomSidebarComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         roomId: state.interactionLevel.roomId,
     }