From 4b31e3b1f018eed296eb29e2d4b64cf58c7ffc61 Mon Sep 17 00:00:00 2001
From: Herculino Trotta <netotrotta@gmail.com>
Date: Sat, 30 Nov 2024 02:44:56 -0300
Subject: [PATCH] feat: add transaction type coloring and note to recurring
 transaction table

---
 .../recurring_transactions/fragments/table.html        | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/templates/recurring_transactions/fragments/table.html b/app/templates/recurring_transactions/fragments/table.html
index e07e863..f9c4629 100644
--- a/app/templates/recurring_transactions/fragments/table.html
+++ b/app/templates/recurring_transactions/fragments/table.html
@@ -9,7 +9,7 @@
 {% endif %}
   {% if recurring_transactions %}
   <div class="table-responsive">
-    <table class="table table-hover">
+    <table class="table table-hover align-middle">
     <thead>
       <tr>
         <th scope="col" class="col-auto"></th>
@@ -97,7 +97,13 @@
                     _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
           </div>
         </td>
-        <td class="col">{{ recurring_transaction.description }}</td>
+        <td class="col">
+          <div class="{% if recurring_transaction.type == 'EX' %}tw-text-red-400{% else %}tw-text-green-400{% endif %}">
+            {{ recurring_transaction.description }}
+          </div>
+          <div class="tw-text-sm tw-text-gray-400">{{ recurring_transaction.notes }}</div>
+
+        </td>
       </tr>
       {% endfor %}
     </tbody>