From 48a2e47abf831fa6bbd9d4f17dc03037e6a14efc Mon Sep 17 00:00:00 2001
From: Alessio Cappa <alessiocappa26@gmail.com>
Date: Sat, 13 Dec 2025 13:43:21 +0100
Subject: [PATCH] feat: Add mobile layout for transaction categories

---
 app/views/categories/_category_name_mobile.html.erb   | 6 +++++-
 app/views/transactions/_transaction_category.html.erb | 7 ++++++-
 app/views/transactions/_transfer_match.html.erb       | 5 ++++-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/app/views/categories/_category_name_mobile.html.erb b/app/views/categories/_category_name_mobile.html.erb
index febe4b15a..c0fd418ef 100644
--- a/app/views/categories/_category_name_mobile.html.erb
+++ b/app/views/categories/_category_name_mobile.html.erb
@@ -1,3 +1,7 @@
 <span id="category_name_mobile_<%= transaction.id %>" class="text-secondary lg:hidden">
-  <%= transaction.category&.name %>
+  <% if transaction.transfer&.categorizable? || transaction.transfer.nil? %>
+    <%= transaction.category.name %>
+  <% else %>
+    <%= transaction.transfer&.payment? ? payment_category.name :  transfer_category.name %>
+  <% end %>
 </span>
diff --git a/app/views/transactions/_transaction_category.html.erb b/app/views/transactions/_transaction_category.html.erb
index 933a80fea..e124c0213 100644
--- a/app/views/transactions/_transaction_category.html.erb
+++ b/app/views/transactions/_transaction_category.html.erb
@@ -4,6 +4,11 @@
   <% if transaction.transfer&.categorizable? || transaction.transfer.nil? %>
     <%= render "categories/menu", transaction: transaction %>
   <% else %>
-    <%= render "categories/badge", category: transaction.transfer&.payment? ? payment_category :  transfer_category %>
+    <div class="hidden lg:flex">
+      <%= render "categories/badge", category: transaction.transfer&.payment? ? payment_category :  transfer_category %>
+    </div>
+    <div class="flex lg:hidden">
+      <%= render "categories/badge_mobile", category: transaction.transfer&.payment? ? payment_category :  transfer_category %>
+    </div>
   <% end %>
 </div>
diff --git a/app/views/transactions/_transfer_match.html.erb b/app/views/transactions/_transfer_match.html.erb
index 1b3a6df78..53d05a4f4 100644
--- a/app/views/transactions/_transfer_match.html.erb
+++ b/app/views/transactions/_transfer_match.html.erb
@@ -6,9 +6,12 @@
       <%= icon "link-2", size: "sm", class: "text-secondary" %>
     </span>
   <% elsif transaction.transfer.pending? %>
-    <span class="inline-flex items-center rounded-full bg-surface-inset px-2 py-0.5 text-xs font-medium text-secondary">
+    <span class="hidden lg:inline-flex items-center rounded-full bg-surface-inset px-2 py-0.5 text-xs font-medium text-secondary">
       Auto-matched
     </span>
+    <span class="inline-flex lg:hidden items-center rounded-full bg-surface-inset px-2 py-0.5 text-xs font-medium text-secondary">
+      A/M
+    </span>
 
     <%= button_to transfer_path(transaction.transfer, transfer: { status: "confirmed" }),
                     method: :patch,