Memoized RatingBar component

webdevsk · Oct 4, 2023 · a498cd2 · a498cd2
1 parent 52afd4c
commit a498cd2
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/RatingBar.jsx b/src/components/RatingBar.jsx
@@ -1,6 +1,7 @@
+import { memo } from "react"
 import "./ratingBar.css"
 
-const RatingBar = ({ rating }) => (
+const RatingBar = memo(({ rating }) => (
  <div className="rating-bar relative flex w-max">
  <div
  style={{ width: `${(rating / 5) * 100 ?? 0}%` }}
@@ -25,6 +26,7 @@ const RatingBar = ({ rating }) => (
  </svg>
  ))}
  </div>
-)
+))
 
+RatingBar.displayName = "RatingBar"
 export default RatingBar