-
Notifications
You must be signed in to change notification settings - Fork 153
/
likelyhood-chart.jsx
46 lines (40 loc) · 1.15 KB
/
likelyhood-chart.jsx
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
44
45
46
// TODO: Inject likely % in .bar and .likelyhood-words
import React from 'react';
export default class LikelyhoodChart extends React.Component {
constructor(props) {
super(props);
this.state = this.getInitialState();
}
getInitialState() {
return {
};
}
render(){
return (
<div>
<table id="likelyhood-score">
<tbody>
<tr className="likely">
<th>
<span className="likely-label">Likely</span>
</th>
<td className="likelyhood">
<span className="bar" style={{width: '95%'}}></span>
<span className="likelyhood-words">95% Likely to buy it</span>
</td>
</tr>
<tr className="unlikely">
<th>
<span className="likely-label">Not likely</span>
</th>
<td className="likelyhood">
<span className="bar" style={{width: '5%'}}></span>
<span className="likelyhood-words">5% Not likely to buy it</span>
</td>
</tr>
</tbody>
</table>
</div>
);
}
}