updated review modal

components/admin/ReviewsListing.js

@@ -44,7 +44,8 @@ const ReviewsListing = ({ activityId, setshowReviews, isVendor }) => {
                   <Accordion.Item key={item.id} eventKey={item.id}>
                     <Accordion.Header>
                       <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>
+                        <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>
@@ -79,31 +80,33 @@ const ReviewsListing = ({ activityId, setshowReviews, isVendor }) => {
           }}
           centered
         >
-          <Modal.Header closeButton>Are you sure you want to delete this review?</Modal.Header>
+          <Modal.Header closeButton><strong>Are you sure you want to delete this review?</strong></Modal.Header>
           <Modal.Body>
             <div className="row">
-              <Button
-                className="btnAdd btnApprove m-0"
-                onClick={async () => {
-                  const res = await deleteReview({ reviewId });
-                  dispatch(getReviewsAction({ activityId }));
-                  // dispatch(getActivitiesByFilters({}));
-                  toast.success("Review deleted");
-                  setshowModal(false);
-                  // console.log(res);
-                }}
-              >
-                Yes
-              </Button>
-              <Button
-                className="btnAdd btnReject m-0"
-                onClick={() => {
-                  setshowModal(false);
-                  setreviewId();
-                }}
-              >
-                Cancel
-              </Button>
+              <div className="col-12 d-flex align-items-center justify-content-center">
+                <Button
+                  className="btnAdd btnApprove me-3 w-100"
+                  onClick={async () => {
+                    const res = await deleteReview({ reviewId });
+                    dispatch(getReviewsAction({ activityId }));
+                    // dispatch(getActivitiesByFilters({}));
+                    toast.success("Review deleted");
+                    setshowModal(false);
+                    // console.log(res);
+                  }}
+                >
+                  Yes
+                </Button>
+                <Button
+                  className="btnAdd btnReject m-0 w-100"
+                  onClick={() => {
+                    setshowModal(false);
+                    setreviewId();
+                  }}
+                >
+                  Cancel
+                </Button>
+              </div>
             </div>
           </Modal.Body>
         </Modal>

components/home/Banner.js

@@ -17,11 +17,11 @@ const Banner = ({ homeBanner }) => {
         <div>
           <Swiper
             slidesPerView={1}
-            autoplay={{
-              delay: 9000,
-              disableOnInteraction: false
-            }}
-            // autoplay={false}
+            // autoplay={{
+            //   delay: 9000,
+            //   disableOnInteraction: false
+            // }}
+            autoplay={false}
             spaceBetween={10}
             navigation={true}
             pagination={{

styles/globals.css

@@ -1800,6 +1800,7 @@ span.form-error,
 
 .btnAdd.btnReject {
   background-color: #e02424 !important;
+  border: 1px solid #e02424;
   color: #ffff !important;
 }
 
@@ -1943,6 +1944,7 @@ span.form-error,
   border-radius: 6px;
   padding: 0.3rem 0.5rem;
   font-size: calc(12px + (13 - 12) * (100vw - 320px) / (1920 - 320)) !important;
+  line-height: calc(12px + (13 - 12) * (100vw - 320px) / (1920 - 320)) !important;
 }
 
 .info .top-name .title {