From de8f12d74faef5fa3f9e38d1340948cab2d06ea3 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <info@gandreadis.com>
Date: Wed, 1 Jul 2020 13:33:31 +0200
Subject: Manually generate IDs

---
 .../topology/room/BackToBuildingComponent.js       | 14 ++---
 .../sidebars/topology/room/DeleteRoomComponent.js  | 14 ++---
 .../sidebars/topology/room/EditRoomComponent.js    | 48 ++++++++--------
 .../topology/room/RackConstructionComponent.js     | 56 +++++++++----------
 .../sidebars/topology/room/RoomNameComponent.js    | 10 ++--
 .../sidebars/topology/room/RoomSidebarComponent.js | 64 +++++++++++-----------
 .../sidebars/topology/room/RoomTypeComponent.js    | 10 ++--
 7 files changed, 108 insertions(+), 108 deletions(-)

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

diff --git a/frontend/src/components/app/sidebars/topology/room/BackToBuildingComponent.js b/frontend/src/components/app/sidebars/topology/room/BackToBuildingComponent.js
index 0409dbdd..7bd8c2f8 100644
--- a/frontend/src/components/app/sidebars/topology/room/BackToBuildingComponent.js
+++ b/frontend/src/components/app/sidebars/topology/room/BackToBuildingComponent.js
@@ -1,10 +1,10 @@
-import React from "react";
+import React from 'react'
 
 const BackToBuildingComponent = ({ onClick }) => (
-  <div className="btn btn-secondary btn-block mb-2" onClick={onClick}>
-    <span className="fa fa-angle-left mr-2" />
-    Back to building
-  </div>
-);
+    <div className="btn btn-secondary btn-block mb-2" onClick={onClick}>
+        <span className="fa fa-angle-left mr-2"/>
+        Back to building
+    </div>
+)
 
-export default BackToBuildingComponent;
+export default BackToBuildingComponent
diff --git a/frontend/src/components/app/sidebars/topology/room/DeleteRoomComponent.js b/frontend/src/components/app/sidebars/topology/room/DeleteRoomComponent.js
index 3e3b3b36..2be752b5 100644
--- a/frontend/src/components/app/sidebars/topology/room/DeleteRoomComponent.js
+++ b/frontend/src/components/app/sidebars/topology/room/DeleteRoomComponent.js
@@ -1,10 +1,10 @@
-import React from "react";
+import React from 'react'
 
 const DeleteRoomComponent = ({ onClick }) => (
-  <div className="btn btn-outline-danger btn-block" onClick={onClick}>
-    <span className="fa fa-trash mr-2" />
-    Delete this room
-  </div>
-);
+    <div className="btn btn-outline-danger btn-block" onClick={onClick}>
+        <span className="fa fa-trash mr-2"/>
+        Delete this room
+    </div>
+)
 
-export default DeleteRoomComponent;
+export default DeleteRoomComponent
diff --git a/frontend/src/components/app/sidebars/topology/room/EditRoomComponent.js b/frontend/src/components/app/sidebars/topology/room/EditRoomComponent.js
index c3b9f0ad..672a191f 100644
--- a/frontend/src/components/app/sidebars/topology/room/EditRoomComponent.js
+++ b/frontend/src/components/app/sidebars/topology/room/EditRoomComponent.js
@@ -1,27 +1,27 @@
-import classNames from "classnames";
-import React from "react";
+import classNames from 'classnames'
+import React from 'react'
 
 const EditRoomComponent = ({
-  onEdit,
-  onFinish,
-  isEditing,
-  isInRackConstructionMode
-}) =>
-  isEditing ? (
-    <div className="btn btn-info btn-block" onClick={onFinish}>
-      <span className="fa fa-check mr-2" />
-      Finish editing room
-    </div>
-  ) : (
-    <div
-      className={classNames("btn btn-outline-info btn-block", {
-        disabled: isInRackConstructionMode
-      })}
-      onClick={() => (isInRackConstructionMode ? undefined : onEdit())}
-    >
-      <span className="fa fa-pencil mr-2" />
-      Edit the tiles of this room
-    </div>
-  );
+                               onEdit,
+                               onFinish,
+                               isEditing,
+                               isInRackConstructionMode,
+                           }) =>
+    isEditing ? (
+        <div className="btn btn-info btn-block" onClick={onFinish}>
+            <span className="fa fa-check mr-2"/>
+            Finish editing room
+        </div>
+    ) : (
+        <div
+            className={classNames('btn btn-outline-info btn-block', {
+                disabled: isInRackConstructionMode,
+            })}
+            onClick={() => (isInRackConstructionMode ? undefined : onEdit())}
+        >
+            <span className="fa fa-pencil mr-2"/>
+            Edit the tiles of this room
+        </div>
+    )
 
-export default EditRoomComponent;
+export default EditRoomComponent
diff --git a/frontend/src/components/app/sidebars/topology/room/RackConstructionComponent.js b/frontend/src/components/app/sidebars/topology/room/RackConstructionComponent.js
index 06b8a2aa..42b7357b 100644
--- a/frontend/src/components/app/sidebars/topology/room/RackConstructionComponent.js
+++ b/frontend/src/components/app/sidebars/topology/room/RackConstructionComponent.js
@@ -1,32 +1,32 @@
-import classNames from "classnames";
-import React from "react";
+import classNames from 'classnames'
+import React from 'react'
 
 const RackConstructionComponent = ({
-  onStart,
-  onStop,
-  inRackConstructionMode,
-  isEditingRoom
-}) => {
-  if (inRackConstructionMode) {
-    return (
-      <div className="btn btn-primary btn-block" onClick={onStop}>
-        <span className="fa fa-times mr-2" />
-        Stop rack construction
-      </div>
-    );
-  }
+                                       onStart,
+                                       onStop,
+                                       inRackConstructionMode,
+                                       isEditingRoom,
+                                   }) => {
+    if (inRackConstructionMode) {
+        return (
+            <div className="btn btn-primary btn-block" onClick={onStop}>
+                <span className="fa fa-times mr-2"/>
+                Stop rack construction
+            </div>
+        )
+    }
 
-  return (
-    <div
-      className={classNames("btn btn-outline-primary btn-block", {
-        disabled: isEditingRoom
-      })}
-      onClick={() => (isEditingRoom ? undefined : onStart())}
-    >
-      <span className="fa fa-plus mr-2" />
-      Start rack construction
-    </div>
-  );
-};
+    return (
+        <div
+            className={classNames('btn btn-outline-primary btn-block', {
+                disabled: isEditingRoom,
+            })}
+            onClick={() => (isEditingRoom ? undefined : onStart())}
+        >
+            <span className="fa fa-plus mr-2"/>
+            Start rack construction
+        </div>
+    )
+}
 
-export default RackConstructionComponent;
+export default RackConstructionComponent
diff --git a/frontend/src/components/app/sidebars/topology/room/RoomNameComponent.js b/frontend/src/components/app/sidebars/topology/room/RoomNameComponent.js
index 11b88edd..409d2eef 100644
--- a/frontend/src/components/app/sidebars/topology/room/RoomNameComponent.js
+++ b/frontend/src/components/app/sidebars/topology/room/RoomNameComponent.js
@@ -1,8 +1,8 @@
-import React from "react";
-import NameComponent from "../NameComponent";
+import React from 'react'
+import NameComponent from '../NameComponent'
 
 const RoomNameComponent = ({ roomName, onEdit }) => (
-  <NameComponent name={roomName} onEdit={onEdit} />
-);
+    <NameComponent name={roomName} onEdit={onEdit}/>
+)
 
-export default RoomNameComponent;
+export default RoomNameComponent
diff --git a/frontend/src/components/app/sidebars/topology/room/RoomSidebarComponent.js b/frontend/src/components/app/sidebars/topology/room/RoomSidebarComponent.js
index 275f9624..d9865744 100644
--- a/frontend/src/components/app/sidebars/topology/room/RoomSidebarComponent.js
+++ b/frontend/src/components/app/sidebars/topology/room/RoomSidebarComponent.js
@@ -1,38 +1,38 @@
-import React from "react";
-import LoadBarContainer from "../../../../../containers/app/sidebars/elements/LoadBarContainer";
-import LoadChartContainer from "../../../../../containers/app/sidebars/elements/LoadChartContainer";
-import BackToBuildingContainer from "../../../../../containers/app/sidebars/topology/room/BackToBuildingContainer";
-import DeleteRoomContainer from "../../../../../containers/app/sidebars/topology/room/DeleteRoomContainer";
-import EditRoomContainer from "../../../../../containers/app/sidebars/topology/room/EditRoomContainer";
-import RackConstructionContainer from "../../../../../containers/app/sidebars/topology/room/RackConstructionContainer";
-import RoomNameContainer from "../../../../../containers/app/sidebars/topology/room/RoomNameContainer";
-import RoomTypeContainer from "../../../../../containers/app/sidebars/topology/room/RoomTypeContainer";
+import React from 'react'
+import LoadBarContainer from '../../../../../containers/app/sidebars/elements/LoadBarContainer'
+import LoadChartContainer from '../../../../../containers/app/sidebars/elements/LoadChartContainer'
+import BackToBuildingContainer from '../../../../../containers/app/sidebars/topology/room/BackToBuildingContainer'
+import DeleteRoomContainer from '../../../../../containers/app/sidebars/topology/room/DeleteRoomContainer'
+import EditRoomContainer from '../../../../../containers/app/sidebars/topology/room/EditRoomContainer'
+import RackConstructionContainer from '../../../../../containers/app/sidebars/topology/room/RackConstructionContainer'
+import RoomNameContainer from '../../../../../containers/app/sidebars/topology/room/RoomNameContainer'
+import RoomTypeContainer from '../../../../../containers/app/sidebars/topology/room/RoomTypeContainer'
 
 const RoomSidebarComponent = ({ roomId, roomType, inSimulation }) => {
-  let allowedObjects;
-  if (!inSimulation && roomType === "SERVER") {
-    allowedObjects = <RackConstructionContainer />;
-  }
+    let allowedObjects
+    if (!inSimulation && roomType === 'SERVER') {
+        allowedObjects = <RackConstructionContainer/>
+    }
 
-  return (
-    <div>
-      <RoomNameContainer />
-      <RoomTypeContainer />
-      <BackToBuildingContainer />
-      {inSimulation ? (
+    return (
         <div>
-          <LoadBarContainer objectType="room" objectId={roomId} />
-          <LoadChartContainer objectType="room" objectId={roomId} />
+            <RoomNameContainer/>
+            <RoomTypeContainer/>
+            <BackToBuildingContainer/>
+            {inSimulation ? (
+                <div>
+                    <LoadBarContainer objectType="room" objectId={roomId}/>
+                    <LoadChartContainer objectType="room" objectId={roomId}/>
+                </div>
+            ) : (
+                <div>
+                    {allowedObjects}
+                    <EditRoomContainer/>
+                    <DeleteRoomContainer/>
+                </div>
+            )}
         </div>
-      ) : (
-        <div>
-          {allowedObjects}
-          <EditRoomContainer />
-          <DeleteRoomContainer />
-        </div>
-      )}
-    </div>
-  );
-};
+    )
+}
 
-export default RoomSidebarComponent;
+export default RoomSidebarComponent
diff --git a/frontend/src/components/app/sidebars/topology/room/RoomTypeComponent.js b/frontend/src/components/app/sidebars/topology/room/RoomTypeComponent.js
index 46d91c2c..b662307c 100644
--- a/frontend/src/components/app/sidebars/topology/room/RoomTypeComponent.js
+++ b/frontend/src/components/app/sidebars/topology/room/RoomTypeComponent.js
@@ -1,8 +1,8 @@
-import React from "react";
-import { ROOM_TYPE_TO_NAME_MAP } from "../../../../../util/room-types";
+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>
-);
+    <p className="lead">{ROOM_TYPE_TO_NAME_MAP[roomType]}</p>
+)
 
-export default RoomTypeComponent;
+export default RoomTypeComponent
-- 
cgit v1.2.3