You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
24 lines
659 B
24 lines
659 B
import React from 'react';
|
|
import Icon from 'Components/Icon';
|
|
import Label from 'Components/Label';
|
|
import { icons, kinds } from 'Helpers/Props';
|
|
import translate from 'Utilities/String/translate';
|
|
import styles from './MoviePopularityIndex.css';
|
|
|
|
interface MoviePopularityIndexProps {
|
|
popularity: number;
|
|
}
|
|
|
|
function MoviePopularityIndex(props: MoviePopularityIndexProps) {
|
|
const { popularity } = props;
|
|
|
|
return (
|
|
<Label kind={kinds.INVERSE} title={translate('PopularityIndex')}>
|
|
<Icon className={styles.popularityIcon} name={icons.POPULAR} size={11} />
|
|
{popularity.toFixed()}
|
|
</Label>
|
|
);
|
|
}
|
|
|
|
export default MoviePopularityIndex;
|