refactor: loader and slide handling

dewanakl · Mar 1, 2025 · 66e5f16 · 66e5f16
1 parent eb4b7a9
commit 66e5f16
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/js/app/component/pagination.js b/js/app/component/pagination.js
@@ -1,3 +1,5 @@
+import { util } from '../../common/util.js';
+
 export const pagination = (() => {
 
     let perPage = 10;
@@ -88,7 +90,7 @@ export const pagination = (() => {
     const buttonAction = (button) => {
         button.disabled = true;
         const tmp = button.innerHTML;
-        button.innerHTML = `<span class="spinner-border spinner-border-sm my-0 mx-1 p-0" style="height: 0.8rem; width: 0.8rem;"></span>`;
+        button.innerHTML = util.loader.replace('ms-0 me-1', 'mx-1');
 
         const process = async () => {
             const result = new Promise((res) => comment.addEventListener('comment.result', res));

diff --git a/js/app/guest/guest.js b/js/app/guest/guest.js
@@ -188,15 +188,15 @@ export const guest = (() => {
             }
         });
 
-        async function nextSlide() {
+        const nextSlide = async () => {
             await util.changeOpacity(slides[currentIndex], false);
             slides[currentIndex].classList.remove("slide-desktop-active");
 
             currentIndex = (currentIndex + 1) % slides.length;
 
             slides[currentIndex].classList.add("slide-desktop-active");
             await util.changeOpacity(slides[currentIndex], true);
-        }
+        };
 
         setInterval(nextSlide, 5000);
     };

diff --git a/js/common/util.js b/js/common/util.js
@@ -1,6 +1,6 @@
 export const util = (() => {
 
-    const loader = '<span class="spinner-border spinner-border-sm my-0 ms-0 me-1 p-0" style="height: 0.8rem; width: 0.8rem"></span>';
+    const loader = '<span class="spinner-border spinner-border-sm my-0 ms-0 me-1 p-0" style="height: 0.8rem; width: 0.8rem;"></span>';
 
     /**
      * @param {string} unsafe
@@ -202,6 +202,7 @@ export const util = (() => {
     };
 
     return {
+        loader,
         copy,
         timeOut,
         debounce,