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
|