#1 Enhance transaction management UI with form validation, loading states, and improved error handling

This commit is contained in:
GitHub Copilot
2025-04-24 08:19:41 -04:00
parent 7c9bc51a9c
commit b76a24edba
5 changed files with 514 additions and 82 deletions

View File

@@ -11,9 +11,9 @@ const { transactions } = Astro.props;
// Sort transactions by date descending for display
const sortedTransactions = [...transactions].sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
---
<section class="transaction-list">
<section class="transaction-list" id="transaction-section">
<table id="transaction-table">
<thead>
<thead>
<tr>
<th>Date</th>
<th>Description</th>
@@ -30,8 +30,8 @@ const sortedTransactions = [...transactions].sort((a, b) => new Date(b.date).get
{formatCurrency(txn.amount)}
</td>
<td>
<button class="action-btn edit-btn" title="Edit transaction (not implemented)">Edit</button>
<button class="action-btn delete-btn" title="Delete transaction (not implemented)">Delete</button>
<button class="action-btn edit-btn" title="Edit transaction">Edit</button>
<button class="action-btn delete-btn" title="Delete transaction">Delete</button>
</td>
</tr>
))}