From 15cc7018c005599aec0bf683c74b179fb32216cb Mon Sep 17 00:00:00 2001
From: Herculino Trotta <netotrotta@gmail.com>
Date: Tue, 29 Oct 2024 13:42:02 -0300
Subject: [PATCH] feat: add cotton component for empty message

---
 app/templates/monthly_overview/fragments/list.html | 12 +++---------
 app/templates/transactions/fragments/list_all.html | 12 +++---------
 2 files changed, 6 insertions(+), 18 deletions(-)

diff --git a/app/templates/monthly_overview/fragments/list.html b/app/templates/monthly_overview/fragments/list.html
index 9459bb5..2e1084f 100644
--- a/app/templates/monthly_overview/fragments/list.html
+++ b/app/templates/monthly_overview/fragments/list.html
@@ -34,15 +34,9 @@
     </div>
 
   {% empty %}
-    <div class="row p-5">
-      <div class="col p-5">
-        <div class="text-center">
-          <i class="fa-solid fa-circle-xmark tw-text-6xl"></i>
-          <p class="lead mt-4 mb-0">{% translate "No transactions this month" %}</p>
-          <p class="tw-text-gray-500">{% translate "Try adding one" %}</p>
-        </div>
-      </div>
-    </div>
+    <c-msg.empty
+      title="{% translate 'No transactions this month' %}"
+      subtitle="{% translate "Try adding one" %}"></c-msg.empty>
   {% endfor %}
     <!-- Floating bar -->
   <div class="tw-sticky tw-bottom-4 tw-left-0 tw-right-0 tw-z-50 tw-hidden mx-auto tw-w-fit" id="actions-bar">
diff --git a/app/templates/transactions/fragments/list_all.html b/app/templates/transactions/fragments/list_all.html
index 744a753..aca3aa4 100644
--- a/app/templates/transactions/fragments/list_all.html
+++ b/app/templates/transactions/fragments/list_all.html
@@ -33,15 +33,9 @@
       </div>
     </div>
   {% empty %}
-    <div class="row p-5">
-      <div class="col p-5">
-        <div class="text-center">
-          <i class="fa-solid fa-circle-xmark tw-text-6xl"></i>
-          <p class="lead mt-4 mb-0">{% translate "No transactions found" %}</p>
-          <p class="tw-text-gray-500">{% translate "Try adding one" %}</p>
-        </div>
-      </div>
-    </div>
+    <c-msg.empty
+      title="{% translate "No transactions found" %}"
+      subtitle="{% translate "Try adding one" %}"></c-msg.empty>
 {% endfor %}
 
   {% if page_obj.has_other_pages %}