.

components/detail/DetailInfo.js

@@ -71,7 +71,7 @@ const DetailInfo = ({ activityById }) => {
             <div className="product-info">
               <div className="hide-on-mobile">
                 <div className="top-row">
-                  <div className="most-booked">Most Booked</div>
+                  <div className="most-booked"></div>
 
                   <div className="wishlist-share">
                     {endUser && <WishlistComponent activityId={activityById.data.id} userId={endUser.id} />}
@@ -95,13 +95,15 @@ const DetailInfo = ({ activityById }) => {
                 </motion.div>
               </div>
               <div className="product-reviews">
-                <div className="rating">
-                  <span className="number">{calculateRating(activityById.data.attributes.reviews.data)}</span>
-                  <span className="image-container">
-                    <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
-                    {/* {calculateRating(activityById.data.attributes.reviews.data)} */}
-                  </span>
-                </div>
+                {activityById.data.attributes.reviews.data && activityById.data.attributes.reviews.data.length > 0 && (
+                  <div className="rating">
+                    <span className="number">{calculateRating(activityById.data.attributes.reviews.data)}</span>
+                    <span className="image-container">
+                      <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
+                      {/* {calculateRating(activityById.data.attributes.reviews.data)} */}
+                    </span>
+                  </div>
+                )}
                 <span className="review">{activityById.data.attributes.reviews.data.length > 0 ? activityById.data.attributes.reviews.data.length : 0} Review(s)</span>
               </div>
               <div className="mb-2">Per Person</div>
@@ -209,9 +211,8 @@ const DetailInfo = ({ activityById }) => {
               </div>
               <div className="col-6">
                 <div className="mt-2">Date:</div>
-                
+
                 <DatePicker
-                 
                   onChange={e => {
                     e.preventDefault();
                     console.log(e);

components/layout/Header.js

@@ -50,7 +50,7 @@ const Header = () => {
     if (endUser) dispatch(getWishlists({ endUser: endUser.id }));
   }, [endUser]);
 
-
+// console.log("endUser", endUser);
   ////
   // const [isGridViewOpen, setIsGridViewOpen] = useState(false);
   const innerBoxRef = useRef(null); // Ref to hold reference to inner-box div
@@ -111,7 +111,7 @@ const Header = () => {
                       </span>
                     </div>
                     <div className="">
-                      <div className="name">John Doe</div>
+                      <div className="name">{endUser.attributes.name}</div>
                       <div className="view-profile">
                         <a href="">View Profile</a>
                       </div>
@@ -306,12 +306,12 @@ const Header = () => {
                               <Image layout="fill" priority alt="" className="image img-fluid" src="/images/icons/user.svg" />
                             </span>
                           </div>
-                          <div className="">
-                            <div className="name">John Doe</div>
+                          {endUser && <div className="">
+                            <div className="name">{endUser.attributes.name}</div>
                             <div className="view-profile">
                               <a href="">View Profile</a>
                             </div>
-                          </div>
+                          </div>}
                         </div>
                         <div className="user-item">
                           <ul>