summaryrefslogtreecommitdiff
path: root/frontend/src/components/app/sidebars/topology/room/EditRoomComponent.js
blob: 857a646f08ee46d2b4e7a684f44bb9eee093458d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
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