.

components/detail/GuestReviews.js

@@ -24,6 +24,7 @@ const GuestReviews = ({ activityById }) => {
   const router = useRouter();
   console.log("reviews", reviews);
   const handleRatingChange = newRating => {
+    console.log("newRating", newRating);
     setRating(newRating);
   };
 
@@ -108,6 +109,7 @@ const GuestReviews = ({ activityById }) => {
                                   name="rating"
                                   starDimension="20px" // Set star width and height
                                 />
+                                {data.attributes?.comments && (
                                   <div className="review-content">
                                     "{data.attributes?.comments?.length > 180 ? `${data?.attributes?.comments.slice(0, 180)}...` : data?.attributes?.comments}"
                                     {data?.attributes?.comments?.length > 180 && (
@@ -121,6 +123,7 @@ const GuestReviews = ({ activityById }) => {
                                       </a>
                                     )}
                                   </div>
+                                )}
                                 {/* View All */}
                               </div>
                             </motion.div>
@@ -144,7 +147,7 @@ const GuestReviews = ({ activityById }) => {
                     <label className=" mb-3 ">Rating: </label>{" "}
                     <StarRatings
                       className="col-3 mx-2"
-                      rating={3}
+                      rating={rating}
                       starRatedColor="#FFD600" // Set the rated color to yellow
                       starHoverColor="#ffe20" // Set the hover color to yellow
                       changeRating={handleRatingChange}