2024-04-16 12:44:31 -06:00
|
|
|
<%# locals: (account:, transactions:)%>
|
2024-02-23 21:34:33 -05:00
|
|
|
<div class="bg-white space-y-4 p-5 border border-alpha-black-25 rounded-xl shadow-xs">
|
|
|
|
<div class="flex justify-between items-center">
|
|
|
|
<h3 class="font-medium text-lg">Transactions</h3>
|
2024-04-16 12:44:31 -06:00
|
|
|
<%= link_to new_transaction_path(account_id: account), class: "flex gap-1 font-medium items-center bg-gray-50 text-gray-900 p-2 rounded-lg", data: { turbo_frame: :modal } do %>
|
2024-02-23 21:34:33 -05:00
|
|
|
<%= lucide_icon("plus", class: "w-5 h-5 text-gray-900") %>
|
|
|
|
<span class="text-sm">New transaction</span>
|
|
|
|
<% end %>
|
|
|
|
</div>
|
|
|
|
<% if transactions.empty? %>
|
|
|
|
<p class="text-gray-500 py-4">No transactions for this account yet.</p>
|
|
|
|
<% else %>
|
|
|
|
<div class="space-y-6">
|
|
|
|
<% transactions.group_by { |transaction| transaction.date }.each do |date, grouped_transactions| %>
|
|
|
|
<%= render partial: "transactions/transaction_group", locals: { date: date, transactions: grouped_transactions } %>
|
|
|
|
<% end %>
|
|
|
|
</div>
|
|
|
|
<% end %>
|
|
|
|
</div>
|