updated

components/admin/ReviewsListing.js

@@ -43,8 +43,8 @@ const ReviewsListing = ({ activityId, setshowReviews, isVendor }) => {
                 return (
                   <Accordion.Item key={item.id} eventKey={item.id}>
                     <Accordion.Header>
-                      <div>
-                        <span>{`${item.attributes.comments.slice(0, 80).trim()}...`}</span> <span className="">{`by ${item.attributes.endUser.data.attributes.email}`}</span>
+                      <div className="title-accord">
+                        <span>{`${item.attributes.comments.slice(0, 80).trim()}...`}</span> <span className="rt-name">{`by ${item.attributes.endUser.data.attributes.email}`}</span>
                       </div>
                     </Accordion.Header>
                     <Accordion.Body>
@@ -53,7 +53,7 @@ const ReviewsListing = ({ activityId, setshowReviews, isVendor }) => {
                       {!isVendor && (
                         <div>
                           <Button
-                            className="btnAdd btnReject m-0"
+                            className="btn btn-primary mt-2"
                             onClick={() => {
                               setshowModal(true);
                               setreviewId(item.id);

components/detail/GuestReviews.js

@@ -86,7 +86,7 @@ const GuestReviews = ({ activityById }) => {
                     modules={[Navigation, Autoplay, Pagination]}
                     className="mySwiper-guestreview"
                   >
-                    {reviews &&
+                    {reviews && reviews.length > 0 ? (
                       reviews.map(data => {
                         return (
                           <SwiperSlide>
@@ -124,7 +124,10 @@ const GuestReviews = ({ activityById }) => {
                             </motion.div>
                           </SwiperSlide>
                         );
-                      })}
+                      })
+                    ) : (
+                      <div className="d-flex justify-content-center"><strong>No reviews available</strong></div>
+                    )}
                   </Swiper>
                 </div>
               </div>

styles/globals.css

@@ -2235,9 +2235,6 @@ footer hr {
   /* padding: 1rem; */
 }
 
-.accordion-filter {
-}
-
 .accordion-filter .accordion-button:not(.collapsed) {
   background: transparent;
 }
@@ -2718,14 +2715,19 @@ footer hr {
   height: 3px;
   background-size: 90%;
 }
-
+.accordion-01 .title-accord{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+    width: 96%;
+}
 .accordion-01 .accordion-button {
   font-size: 20px;
   line-height: 28px;
   color: #000000;
   position: relative;
-  padding-top: 30px;
-  padding-bottom: 30px;
+  padding-top: 30px !important;
+  padding-bottom: 30px !important;
   /* font-weight: 700; */
   padding-right: 35px;
 }
@@ -2739,7 +2741,7 @@ footer hr {
 }
 
 .accordion-01 .accordion-button:not(.collapsed) {
-  /* color: #c9262b; */
+
   background-color: transparent;
   box-shadow: none;
   font-weight: 600;
@@ -2747,7 +2749,7 @@ footer hr {
 
 .accordion-01 .accordion-item {
   border: 0;
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #dddddd !important;
 }
 
 .accordion-01 .accordion-item:last-child {