From 05249215bd8b5e879939ef2c37b85ebe6252f93c Mon Sep 17 00:00:00 2001
From: Constantin Simonis <constantin@simonis.lol>
Date: Fri, 31 Jan 2025 09:10:35 +0100
Subject: [PATCH] fix loader

---
 assets/controllers/form_controller.js | 6 ++++--
 templates/ticket/index.html.twig      | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/assets/controllers/form_controller.js b/assets/controllers/form_controller.js
index 88485c3..4fa6f74 100644
--- a/assets/controllers/form_controller.js
+++ b/assets/controllers/form_controller.js
@@ -62,7 +62,8 @@ export default class extends Controller {
     }
 
     this.submitTarget.querySelector("span").classList.add("hidden");
-    this.submitTarget.querySelector("svg").classList.remove("hidden");
+    this.submitTarget.querySelector("svg.arrow").classList.add("hidden");
+    this.submitTarget.querySelector("svg.loader").classList.remove("hidden");
 
     const tickets = this.element.querySelectorAll(".forms > div");
     const personalData = this.getPersonalData();
@@ -81,7 +82,8 @@ export default class extends Controller {
       },
     }).then((response) => {
       if (!response.ok) {
-        this.submitTarget.querySelector("svg").classList.add("hidden");
+        this.submitTarget.querySelector("svg.error").classList.add("hidden");
+        this.submitTarget.querySelector("svg.loader").classList.remove("hidden");
         this.submitTarget.querySelector("span").classList.remove("hidden");
         this.showError("Ein Fehler ist aufgetreten. Bitte versuchen Sie es erneut.");
       } else {
diff --git a/templates/ticket/index.html.twig b/templates/ticket/index.html.twig
index 24b64af..04e52dc 100644
--- a/templates/ticket/index.html.twig
+++ b/templates/ticket/index.html.twig
@@ -79,8 +79,8 @@
 
                                 <button type="submit" data-action="form#submit" data-form-target="submit" class="bg-gradient-to-r from-red-500 to-orange-500 hover:from-red-600 hover:to-orange-600 text-white px-8 py-3 rounded-xl text-sm font-medium shadow-md hover:shadow-lg transition-all duration-300 flex items-center space-x-2">
                                     <span>Jetzt bestellen</span>
-                                    <twig:ux:icon name="line-md:arrow-right-circle" class="w-4 h-4" />
-                                    <twig:ux:icon name="loader" class="hidden w-4 h-4 animate-spin" />
+                                    <twig:ux:icon name="line-md:arrow-right-circle" class="arrow w-4 h-4" />
+                                    <twig:ux:icon name="loader" class="loader hidden w-4 h-4 animate-spin" />
                                 </button>
                             </div>
                         </section>