updating code to accomodate number of stars to show when user passes totalCount

Author: Rishabh

package.json

@@ -33,12 +33,7 @@
     "react-native": "^0.57.1"
   },
   "devDependencies": {
-    "babel-eslint": "^8.0.0",
-    "eslint": "^4.5.0",
-    "eslint-plugin-react": "^7.0.0",
-    "metro-react-native-babel-preset": "^0.59.0",
-    "react": "^16.13.1",
-    "react-native": "^0.57.1"
+    "metro-react-native-babel-preset": "^0.59.0"
   },
   "dependencies": {
     "prop-types": "^15.7.2",

src/Rating/index.js

@@ -38,17 +38,13 @@ const Rating = ({
   return (
     <StyledView>
       <BackgroundStars>
-        <StarIcon name={icon} size={size} color={ratingBackgroundColor} />
-        <StarIcon name={icon} size={size} color={ratingBackgroundColor} />
-        <StarIcon name={icon} size={size} color={ratingBackgroundColor} />
-        <StarIcon name={icon} size={size} color={ratingBackgroundColor} />
-        <StarIcon name={icon} size={size} color={ratingBackgroundColor} />
+        {Array.from({ length: totalCount }, (_, i) => (
+          <StarIcon name={icon} size={size} color={ratingBackgroundColor} />
+        ))}
         <ColoredStars percentage={percentage}>
-          <StarIcon name={icon} size={size} color={ratingColor} />
-          <StarIcon name={icon} size={size} color={ratingColor} />
-          <StarIcon name={icon} size={size} color={ratingColor} />
-          <StarIcon name={icon} size={size} color={ratingColor} />
-          <StarIcon name={icon} size={size} color={ratingColor} />
+          {Array.from({ length: totalCount }, (_, i) => (
+            <StarIcon name={icon} size={size} color={ratingColor} />
+          ))}
         </ColoredStars>
       </BackgroundStars>
     </StyledView>