Changeset e48199a for my-react-app/src/components/StarRating.js

Timestamp:

05/07/25 18:34:01 (10 days ago)

Author:

Aleksandar Panovski <apano77@…>

Branches:

main

Parents:

b67dfd3

Message:

Final version for DB

File:

• my-react-app/src/components/StarRating.js (modified) (3 diffs)

my-react-app/src/components/StarRating.js

@@ -2 +2 @@
 
 const StarRating = ({ rating }) => {
-    // Convert the rating to a number between 0 and 5
     const normalizedRating = Math.min(Math.max(0, rating), 5);
-    // Calculate the number of filled stars
     const filledStars = Math.floor(normalizedRating);
-    // Calculate the number of half stars
     const hasHalfStar = normalizedRating - filledStars >= 0.5;
 
@@ -12 +9 @@
         <div>
             {[...Array(filledStars)].map((_, index) => (
-                <span key={index} className="star">&#9733;</span>
+                <span key={`filled-${index}`} className="star">&#9733;</span>
             ))}
-            {hasHalfStar && <span className="star">&#9734;</span>}
+
+            {hasHalfStar && <span className="star half">&#9733;</span>}
+
             {[...Array(5 - filledStars - (hasHalfStar ? 1 : 0))].map((_, index) => (
-                <span key={filledStars + index + 1} className="star">&#9734;</span>
+                <span key={`empty-${index}`} className="star">&#9734;</span>
             ))}
         </div>
@@ -23 +22 @@
 
 export default StarRating;
+