frontend/src/components/app/sidebars/topology/room/RackConstructionComponent.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
28
29
30
31
32

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

  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;