frontend/src/components/app/sidebars/topology/room/EditRoomComponent.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

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>
  );

export default EditRoomComponent;