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
|