From 972d23abbdd9ab6ede27237e32b1be458ef146f1 Mon Sep 17 00:00:00 2001
From: Herculino Trotta <netotrotta@gmail.com>
Date: Mon, 17 Feb 2025 10:28:37 -0300
Subject: [PATCH] feat(insights:category-explorer): add empty message when
 there's no data or no category selected

---
 .../fragments/category_explorer/charts/account.html        | 4 ++++
 .../fragments/category_explorer/charts/currency.html       | 4 ++++
 .../insights/fragments/category_explorer/index.html        | 7 ++++---
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/app/templates/insights/fragments/category_explorer/charts/account.html b/app/templates/insights/fragments/category_explorer/charts/account.html
index 4f9c297..a3b91f3 100644
--- a/app/templates/insights/fragments/category_explorer/charts/account.html
+++ b/app/templates/insights/fragments/category_explorer/charts/account.html
@@ -1,4 +1,5 @@
 {% load i18n %}
+{% if account_data.labels %}
 <div class="chart-container" style="position: relative; height:400px; width:100%" _="init call setupAccountChart() end">
   <canvas id="accountChart"></canvas>
 </div>
@@ -77,3 +78,6 @@
         );
     }
 </script>
+{% else %}
+<c-msg.empty title="{% translate "No information to display" %}"></c-msg.empty>
+{% endif %}
diff --git a/app/templates/insights/fragments/category_explorer/charts/currency.html b/app/templates/insights/fragments/category_explorer/charts/currency.html
index 16d5c9b..1622bb9 100644
--- a/app/templates/insights/fragments/category_explorer/charts/currency.html
+++ b/app/templates/insights/fragments/category_explorer/charts/currency.html
@@ -1,4 +1,5 @@
 {% load i18n %}
+{% if currency_data.labels %}
 <div class="chart-container" style="position: relative; height:400px; width:100%"
      _="init call setupCurrencyChart() end">
   <canvas id="currencyChart"></canvas>
@@ -78,3 +79,6 @@
         );
     }
 </script>
+{% else %}
+<c-msg.empty title="{% translate "No information to display" %}"></c-msg.empty>
+{% endif %}
diff --git a/app/templates/insights/fragments/category_explorer/index.html b/app/templates/insights/fragments/category_explorer/index.html
index 650afe3..c131a02 100644
--- a/app/templates/insights/fragments/category_explorer/index.html
+++ b/app/templates/insights/fragments/category_explorer/index.html
@@ -8,26 +8,27 @@
 
 <div class="row row-cols-1 row-cols-lg-2 gx-3 gy-3">
   <div class="col">
-    <div class="card">
+    <div class="card h-100">
       <div class="card-header">
         {% trans "Income/Expense by Account" %}
       </div>
       <div class="card-body">
         <div id="account-card" class="show-loading" hx-get="{% url 'category_sum_by_account' %}"
              hx-trigger="updated from:window" hx-include="#category-form, #picker-form, #picker-type">
+          <c-msg.empty title="{% translate "No information to display" %}"></c-msg.empty>
         </div>
       </div>
     </div>
   </div>
   <div class="col">
-    <div class="card">
+    <div class="card h-100">
       <div class="card-header">
         {% trans "Income/Expense by Currency" %}
       </div>
       <div class="card-body">
         <div id="currency-card" class="show-loading" hx-get="{% url 'category_sum_by_currency' %}"
              hx-trigger="updated from:window" hx-include="#category-form, #picker-form, #picker-type">
-
+          <c-msg.empty title="{% translate "No information to display" %}"></c-msg.empty>
         </div>
       </div>
     </div>