32 lines
954 B
JavaScript
Executable File
32 lines
954 B
JavaScript
Executable File
|
|
import React from 'react'
|
|
import Icon from './Icon'
|
|
import * as helpers from '../helpers'
|
|
|
|
export default class Popularity extends React.Component{
|
|
|
|
constructor(props){
|
|
super(props)
|
|
}
|
|
|
|
render(){
|
|
if (this.props.popularity === undefined || this.props.popularity === null){
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<span className="popularity">
|
|
<span className="popularity-bars">
|
|
<span className={"bar"+(this.props.popularity > 10 ? " filled" : "")}></span>
|
|
<span className={"bar"+(this.props.popularity > 30 ? " filled" : "")}></span>
|
|
<span className={"bar"+(this.props.popularity > 50 ? " filled" : "")}></span>
|
|
<span className={"bar"+(this.props.popularity > 70 ? " filled" : "")}></span>
|
|
<span className={"bar"+(this.props.popularity > 90 ? " filled" : "")}></span>
|
|
</span>
|
|
<span className="popularity-value">
|
|
{this.props.popularity}% popularity
|
|
</span>
|
|
</span>
|
|
);
|
|
}
|
|
} |