build(deps): update package.json, src/components/Rating/index.js and yarn.lock

package.json

@@ -40,6 +40,7 @@
     "react-redux": "^7.2.6",
     "react-router-dom": "6",
     "react-scripts": "5.0.0",
+    "react-star-rating-component": "^1.4.1",
     "react-table": "^7.7.0",
     "react-tooltip": "^4.2.21",
     "recharts": "^2.1.8",

src/components/Rating/StarRating2/index.js

@@ -0,0 +1,16 @@
+import React, { useState } from "react";
+import StarRatingComponent from "react-star-rating-component";
+
+function StarRating2() {
+  const [rate, setRating] = useState(2);
+  return (
+    <StarRatingComponent
+      name="rate1"
+      starCount={5}
+      value={rate}
+      onStarHover={(value) => setRating(value)}
+    />
+  );
+}
+
+export default StarRating2;

src/components/Rating/index.js

@@ -1,10 +1,12 @@
 import React, { useState } from "react";
 
 import StarRating1 from "./StarRating1";
+import StarRating2 from "./StarRating2";
 
 function Rating() {
   const list = {
     1: <StarRating1 />,
+    2: <StarRating2 />,
   };
   const [type, setType] = useState(1);
   return (