summaryrefslogtreecommitdiff
path: root/frontend/src/components/app/sidebars/topology/room/EditRoomComponent.js
blob: 672a191ff0548238eada49da5efcd14f83cae0b6 (plain)
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