Updates testimonials carousel to initialize JS via 'data' attributes

codebar · May 27, 2022 · aa7b004 · aa7b004
1 parent 134d5a1
commit aa7b004
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
@@ -71,7 +71,4 @@ $(function() {
   });
 
   $('[data-bs-toggle="tooltip"]').tooltip();
-
-  const myCarousel = document.querySelector("#testimonials-carousel");
-  new bootstrap.Carousel(myCarousel);
 });
diff --git a/app/views/members/_testimonials.html.haml b/app/views/members/_testimonials.html.haml
@@ -1,10 +1,10 @@
-.carousel.slider#testimonials-carousel
+.carousel.slider{ 'data-ride': 'carousel' }
   .carousel-inner
     - @testimonials.each_with_index do |testimonial, index|
       .carousel-item{ class: ('active' if index === 0) }
         %blockquote
           %p= testimonial.text
           %footer.clearfix
-            = image_tag(testimonial.member.avatar(32), class: 'th radius left', alt: testimonial.member.name)
+            = image_tag(testimonial.member.avatar(32), class: 'rounded-circle ml-2', alt: testimonial.member.name)
             %cite.left
               = testimonial.member.full_name