@quintype/native-components 2.20.30 → 2.20.32

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [2.20.32](https://github.com/quintype/native-components/compare/v2.20.31...v2.20.32) (2024-06-05)
+
+### [2.20.31](https://github.com/quintype/native-components/compare/v2.20.30...v2.20.31) (2024-06-04)
+
 ### [2.20.30](https://github.com/quintype/native-components/compare/v2.20.29...v2.20.30) (2024-06-04)
 
 ### [2.20.29](https://github.com/quintype/native-components/compare/v2.20.28...v2.20.29) (2024-06-04)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/native-components",
-  "version": "2.20.30",
+  "version": "2.20.32",
   "description": "",
   "main": "src/index.js",
   "scripts": {

package/src/components/Rating/index.js

@@ -1,45 +1,50 @@
-import PropTypes from "prop-types";
-import React, { useContext } from "react";
-import { View } from "react-native";
-import { Text } from "../Text";
-import {ratingStyles} from './styles'
-import { AppTheme } from "../../utils";
+import PropTypes from 'prop-types';
+import React, { useContext } from 'react';
+import { View } from 'react-native';
 import { StarRatingDisplay } from 'react-native-star-rating-widget';
+import { Text } from '../Text';
+import { ratingStyles } from './styles';
+import { AppTheme } from '../../utils';
 
-export const RatingLayout = ({ reviewTitle, ratingValue, ratingLabel }) => {  
-    const { theme } = useContext(AppTheme);
-    const {
-      COLORS, FONT_FAMILY, FONT_SIZE
-    } = theme;
-    const styles = ratingStyles(COLORS, FONT_SIZE, FONT_FAMILY);
-    
-    return (
-        <View style={styles.container}>
-          {reviewTitle && <Text
-            style={styles.reviewTitle}
-          >
-            {reviewTitle}
-          </Text>}
-          {ratingValue && <View style={styles.child}>
-            <Text
-              style={styles.ratingLabel}
-            >
-              {`${ratingLabel}/5`}
-            </Text>
-            <StarRatingDisplay
-              rating={ratingValue}
-              starSize={FONT_SIZE.title}
-              color={COLORS.REVIEW_STAR_COLOR ?? '#F5A623'}
-              style={styles.starContiner}
-              starStyle={styles.starStyle}
-            />
-          </View>}
-        </View>
-      );
+export const RatingLayout = ({ reviewTitle, ratingValue, ratingLabel }) => {
+  const { theme } = useContext(AppTheme);
+  const {
+    COLORS, FONT_FAMILY, FONT_SIZE,
+  } = theme;
+  const styles = ratingStyles(COLORS, FONT_SIZE, FONT_FAMILY);
+
+  return (
+    <View style={styles.container}>
+      {reviewTitle && (
+      <Text
+        style={styles.reviewTitle}
+        primary
+      >
+        {reviewTitle}
+      </Text>
+      )}
+      {ratingValue && (
+      <View style={styles.child}>
+        <Text
+          style={styles.ratingLabel}
+        >
+          {`${ratingLabel}/5`}
+        </Text>
+        <StarRatingDisplay
+          rating={ratingValue}
+          starSize={FONT_SIZE.title}
+          color={COLORS.REVIEW_STAR_COLOR ?? '#F5A623'}
+          style={styles.starContiner}
+          starStyle={styles.starStyle}
+        />
+      </View>
+      )}
+    </View>
+  );
 };
 
 RatingLayout.propTypes = {
   reviewTitle: PropTypes.string.isRequired,
   ratingValue: PropTypes.number.isRequired,
-  ratingLabel: PropTypes.string.isRequired
+  ratingLabel: PropTypes.string.isRequired,
 };

package/src/components/Rating/styles.js

@@ -4,20 +4,18 @@ export const ratingStyles = (COLORS, FONT_SIZE, FONT_FAMILY) => StyleSheet.creat
   container: { marginLeft: 10, marginTop: 10 },
   reviewTitle: {
     fontSize: FONT_SIZE.h2,
-    fontWeight: "700",
     lineHeight: 24,
     fontFamily: FONT_FAMILY.primary,
     color: COLORS.BRAND_BLACK,
-    marginBottom:7
+    marginBottom: 7,
   },
-  child: { display: "flex", flexDirection: "row", alignItems: "center"},
+  child: { display: 'flex', flexDirection: 'row', alignItems: 'center' },
   ratingLabel: {
     fontSize: FONT_SIZE.h2,
-    fontWeight: "700",
     lineHeight: 24,
     fontFamily: FONT_FAMILY.secondary,
     color: COLORS.BRAND_BLACK,
   },
   starContainer: { marginLeft: 10 },
-  starStyle: { marginHorizontal: 0 }
+  starStyle: { marginHorizontal: 0 },
 });