From 715a37d226903a6205aaf23f2d85cd9e403820d7 Mon Sep 17 00:00:00 2001
From: Herculino Trotta <netotrotta@gmail.com>
Date: Fri, 13 Dec 2024 23:00:07 -0300
Subject: [PATCH] refactor: replace error message with sweet alert 2

---
 .../scripts/hyperscript/htmx_error_handler.html   | 15 +++++++++++----
 app/templates/layouts/base.html                   |  7 -------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/app/templates/includes/scripts/hyperscript/htmx_error_handler.html b/app/templates/includes/scripts/hyperscript/htmx_error_handler.html
index b9606dc..9bff690 100644
--- a/app/templates/includes/scripts/hyperscript/htmx_error_handler.html
+++ b/app/templates/includes/scripts/hyperscript/htmx_error_handler.html
@@ -1,8 +1,15 @@
+{% load i18n %}
 <script type="text/hyperscript">
   behavior htmx_error_handler
-    on htmx:responseError or htmx:afterRequest[detail.failed] remove .tw-hidden from
-    #loading-error then log event
-    on htmx:afterRequest[detail.successful] add .tw-hidden to #loading-error
-    on click from #loading-error-close add .tw-hidden to #loading-error
+    on htmx:responseError or htmx:afterRequest[detail.failed] or htmx:sendError queue none
+      call Swal.fire({title: '{% trans 'Something went wrong loading your data' %}',
+                      text: '{% trans 'Try reloading the page or check the console for more information.' %}',
+                      icon: 'error',
+                      customClass: {
+                        confirmButton: 'btn btn-primary'
+                      },
+                      buttonsStyling: true})
+      then log event
+      then halt the event
   end
 </script>
diff --git a/app/templates/layouts/base.html b/app/templates/layouts/base.html
index 45c20aa..c2538da 100644
--- a/app/templates/layouts/base.html
+++ b/app/templates/layouts/base.html
@@ -27,13 +27,6 @@
            {% block body_hyperscript %}{% endblock %}">
       {% include 'includes/navbar.html' %}
 
-      <div class="container tw-hidden" id="loading-error">
-        <div class="alert alert-danger m-3 alert-dismissible swing-in-top-fwd" role="alert">
-          {% translate 'Something went wrong loading your data. Try reloading the page or check the console for more information.' %}
-          <button type="button" class="btn-close" aria-label="Close" id="loading-error-close"></button>
-        </div>
-      </div>
-
       <div id="content">
         {% block content %}{% endblock %}
       </div>