/
Team.js
59 lines (42 loc) · 1.12 KB
/
Team.js
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
47
48
49
50
51
52
53
54
55
import React, { PropTypes } from 'react';
import classNames from 'classnames';
const propTypes = {
positionNumber: PropTypes.number.isRequired,
team: PropTypes.object.isRequired
};
function calculatePositionCssClass(positionNumber) {
if (positionNumber === 1) {
return 'tabellenfuehrerClass tabelleClass'
}
if (positionNumber <= 3) {
return 'championsLeagueClass tabelleClass'
}
if (positionNumber <= 6) {
return 'europaLeagueClass tabelleClass'
}
if (positionNumber <= 15) {
return 'mittelfeldClass tabelleClass'
}
if (positionNumber === 16) {
return 'relegationClass tabelleClass'
}
else {
return 'abstiegClass tabelleClass'
}
}
var Team = React.createClass({
render: function () {
const positionNumber = this.props.positionNumber;
const team = this.props.team;
const classes = classNames('col-md-12', 'btn', calculatePositionCssClass(positionNumber));
return (
<div className={ classes } style={{cursor: 'pointer'}}>
<div>
{team.name}
</div>
</div>)
;
}
});
Team.propTypes = propTypes;
export default Team;