From 19923ed26b50873643d4c9201da70ef1836db362 Mon Sep 17 00:00:00 2001
From: Samir Boulahtit <samir.boulahtit@wizard.lu>
Date: Mon, 23 Mar 2026 21:45:45 +0100
Subject: [PATCH] fix(loyalty): remove avatar circle from transactions list

The first-letter avatar adds visual noise on a dense transactions table
without meaningful value. Simplified to plain text customer name.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../loyalty/shared/transactions-list.html          | 14 +-------------
 1 file changed, 1 insertion(+), 13 deletions(-)

diff --git a/app/modules/loyalty/templates/loyalty/shared/transactions-list.html b/app/modules/loyalty/templates/loyalty/shared/transactions-list.html
index 78416eb1..aae9530a 100644
--- a/app/modules/loyalty/templates/loyalty/shared/transactions-list.html
+++ b/app/modules/loyalty/templates/loyalty/shared/transactions-list.html
@@ -50,19 +50,7 @@
             <template x-for="tx in transactions" :key="tx.id">
                 <tr class="text-gray-700 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-700">
                     <td class="px-4 py-3 text-sm" x-text="formatDateTime(tx.transaction_at)"></td>
-                    <td class="px-4 py-3">
-                        <div class="flex items-center text-sm">
-                            <div class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
-                                 :style="'background-color: ' + (program?.card_color || '#4F46E5') + '20'">
-                                <span class="absolute inset-0 flex items-center justify-center text-xs font-semibold"
-                                      :style="'color: ' + (program?.card_color || '#4F46E5')"
-                                      x-text="tx.customer_name?.charAt(0).toUpperCase() || '?'"></span>
-                            </div>
-                            <div>
-                                <p class="font-semibold" x-text="tx.customer_name || 'Unknown'"></p>
-                            </div>
-                        </div>
-                    </td>
+                    <td class="px-4 py-3 text-sm" x-text="tx.customer_name || 'Unknown'"></td>
                     <td class="px-4 py-3">
                         <span class="px-2 py-1 text-xs font-semibold rounded-full"
                               :class="{