blob: c99d2ac5d3ff5f41c103de44e3cf2fb6ec6afb35 (
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
import React, { Component } from 'react'
class ToolKitItem extends Component {
render() {
let iconClass = this.props.tool.icon + " fa-2x"
let style = styles.toolkititem
if (this.props.selected) {
style = Object.assign({}, style, styles.selected)
}
return <div style={style}
onClick={() => this.props.onSelectTool(this.props.tool)}>
<i className={iconClass}></i>
</div>
}
}
export default class Toolkit extends Component {
render() {
let toolComponents = this.props.tools.map((tool) => {
return <ToolKitItem
tool={tool}
key={tool.name}
selected={tool === this.props.selectedTool}
onSelectTool={this.props.onSelectTool}/>
})
return <div className="tools"
style={styles.toolkit}>
{toolComponents}
</div>
}
}
const styles = {
toolkit: {
background: "grey"
},
toolkititem: {
padding: "5px",
},
selected: {
background: "lightcoral"
}
}
|