New: Project Aphrodite

frontend/src/Components/HeartRating.js

@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { icons } from 'Helpers/Props';
+import Icon from 'Components/Icon';
+import styles from './HeartRating.css';
+
+function HeartRating({ rating, iconSize }) {
+  return (
+    <span>
+      <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;