sboulahtit/orion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(loyalty): remove avatar circle from transactions list

Browse Source 
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>
This commit is contained in:
Samir Boulahtit
2026-03-23 21:45:45 +01:00
parent 46f8d227b8
commit 19923ed26b
1 changed files with 1 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/modules/loyalty/templates/loyalty/shared/transactions-list.html
View File

@@ -50,19 +50,7 @@
<template x-for="tx in transactions" :key="tx.id"> <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"> <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 text-sm" x-text="formatDateTime(tx.transaction_at)"></td>
<td class="px-4 py-3"> <td class="px-4 py-3 text-sm" x-text="tx.customer_name || 'Unknown'"></td>
<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"> <td class="px-4 py-3">
<span class="px-2 py-1 text-xs font-semibold rounded-full" <span class="px-2 py-1 text-xs font-semibold rounded-full"
:class="{ :class="{