lidarr/frontend/src/Components/HeartRating.js
Qstick 10c2f014bd New: Artist genres on artist details page
Closes #2507

Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
2022-12-11 21:45:16 -06:00

30 lines
604 B
JavaScript

import PropTypes from 'prop-types';
import React from 'react';
import Icon from 'Components/Icon';
import { icons } from 'Helpers/Props';
import styles from './HeartRating.css';
function HeartRating({ rating, iconSize }) {
return (
<span className={styles.rating}>
<Icon
className={styles.heart}
name={icons.HEART}
size={iconSize}
/>
{rating * 10}%
</span>
);
}
HeartRating.propTypes = {
rating: PropTypes.number.isRequired,
iconSize: PropTypes.number.isRequired
};
HeartRating.defaultProps = {
iconSize: 14
};
export default HeartRating;