Add username filter with UI to admin donations page

app/controllers/admin/donations_controller.rb

@@ -4,11 +4,21 @@ class Admin::DonationsController < Admin::BaseController
 
   # GET /donations
   def index
-    @pagy, @donations = pagy(Donation.completed.order('paid_at desc'))
-    @pending_donations = Donation.incomplete.order('paid_at desc')
+    @username = params[:username].presence
+
+    pending_scope   = Donation.incomplete.joins(:user).order('paid_at desc')
+    completed_scope = Donation.completed.joins(:user).order('paid_at desc')
+
+    if @username
+      pending_scope   = pending_scope.where(users: { cn: @username })
+      completed_scope = completed_scope.where(users: { cn: @username })
+    end
+
+    @pending_donations = pending_scope
+    @pagy, @donations  = pagy(completed_scope)
 
     @stats = {
-      overall_sats: @donations.sum("amount_sats"),
+      overall_sats: Donation.completed.sum("amount_sats"),
       donor_count: Donation.completed.count(:user_id)
     }
   end

app/views/admin/donations/_list.html.erb

@@ -1,4 +1,4 @@
-<table class="divided mb-8">
+<table class="divided">
   <thead>
     <tr>
       <th>User</th>
@@ -28,5 +28,7 @@
   </tbody>
 </table>
 <% if defined?(pagy) %>
-<%== pagy_nav pagy %>
+<div class="mt-8">
+  <%== pagy_nav pagy %>
+</div>
 <% end %>

app/views/admin/donations/index.html.erb

@@ -18,7 +18,21 @@
     <% end %>
   </section>
 
-  <% if @pending_donations.any? %>
+  <section>
+    <%= form_with url: admin_donations_path, method: :get, local: true, class: "flex gap-1" do %>
+      <%= text_field_tag :username, @username, placeholder: 'Filter by username' %>
+      <%= button_tag type: 'submit', name: nil, title: "Filter", class: 'btn-md btn-icon btn-outline' do %>
+        <%= render partial: "icons/filter", locals: { custom_class: "text-blue-600 h-4 w-4 inline" } %>
+      <% end %>
+      <% if @username %>
+        <%= link_to admin_donations_path, title: "Remove filter", class: 'btn-md btn-icon btn-outline' do  %>
+          <%= render partial: "icons/x", locals: { custom_class: "text-red-600 h-4 w-4 inline" } %>
+        <% end %>
+      <% end %>
+    <% end %>
+  </section>
+
+  <% if @pending_donations.present? %>
   <section>
     <h3>Pending</h3>
     <%= render partial: "admin/donations/list", locals: {
@@ -28,8 +42,8 @@
   <% end %>
 
   <section>
-  <% if @donations.any? %>
-    <h3>Recent</h3>
+  <% if @donations.present? %>
+    <h3>Received</h3>
     <%= render partial: "admin/donations/list", locals: {
           donations: @donations, pagy: @pagy
         } %>

app/views/icons/_filter.html.erb

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-filter"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-filter <%= custom_class %>"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>