parent
2d18e4f89e
commit
4a66a832b3
@ -0,0 +1,5 @@
|
|||||||
|
.popularityIcon {
|
||||||
|
margin-right: 2px;
|
||||||
|
width: 12px !important;
|
||||||
|
text-align: center;
|
||||||
|
}
|
@ -0,0 +1,7 @@
|
|||||||
|
// This file is automatically generated.
|
||||||
|
// Please do not change this file!
|
||||||
|
interface CssExports {
|
||||||
|
'popularityIcon': string;
|
||||||
|
}
|
||||||
|
export const cssExports: CssExports;
|
||||||
|
export default cssExports;
|
@ -0,0 +1,23 @@
|
|||||||
|
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;
|
Loading…
Reference in new issue