show loading animation on checkout button after form submission

steamysips · May 22, 2024 · 21841fd · 21841fd
1 parent d79c8c0
commit 21841fd
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/public/js_original/cart-view.js b/public/js_original/cart-view.js
@@ -50,6 +50,9 @@ function updateCart(e) {
 }
 
 async function checkout() {
+  // set loading animation on checkout button to prevent multiple form submissions
+  document.querySelector("#checkout-btn").setAttribute("aria-busy", "true");
+
   const myCart = Cart();
   const items = myCart.getItems();
 
@@ -63,6 +66,9 @@ async function checkout() {
     body: JSON.stringify(data),
   });
 
+  // stop loading animation
+  document.querySelector("#checkout-btn").setAttribute("aria-busy", "false");
+
   if (response.ok) {
     // Clear cart items from localStorage if checkout is successful
     myCart.clear();