admin roadmap csv export, adminactionlog, global search

app/admin/payouts/page.tsx

@@ -4,6 +4,7 @@ import { authOptions } from "@/lib/auth";
 import { isAdminEmail, listAdminEmails } from "@/lib/admin";
 import { payoutRepo } from "@/server/repositories/payout.repo";
 import { AdminFilterBar } from "@/features/admin/components/admin-filter-bar";
+import { ExportCsvLink } from "@/features/admin/components/export-csv-link";
 import {
   PayoutReviewCard,
   type PayoutCardData,
@@ -81,17 +82,28 @@ export default async function AdminPayoutsPage({ searchParams }: PageProps) {
     processedBy: p.processedBy,
   }));
 
+  const exportQuery = new URLSearchParams({ status: tab });
+  if (params.dateFrom) exportQuery.set("dateFrom", params.dateFrom);
+  if (params.dateTo) exportQuery.set("dateTo", params.dateTo);
+  if (params.reviewer) exportQuery.set("reviewer", params.reviewer);
+
   return (
     <div className="mx-auto max-w-4xl px-4 py-8 sm:py-12">
-      <header className="mb-6">
-        <h1 className="text-2xl font-bold text-neutral-900 sm:text-3xl">
-          Payout Organizer
-        </h1>
-        <p className="mt-1 text-sm text-neutral-500">
-          Uang peserta ditahan (escrow) sampai trip selesai + 3 hari. Setelah
-          status <strong>Siap transfer</strong>, admin transfer manual ke
-          rekening organizer lalu tandai sudah dibayar.
-        </p>
+      <header className="mb-6 flex flex-wrap items-start justify-between gap-3">
+        <div>
+          <h1 className="text-2xl font-bold text-neutral-900 sm:text-3xl">
+            Payout Organizer
+          </h1>
+          <p className="mt-1 text-sm text-neutral-500">
+            Uang peserta ditahan (escrow) sampai trip selesai + 3 hari. Setelah
+            status <strong>Siap transfer</strong>, admin transfer manual ke
+            rekening organizer lalu tandai sudah dibayar.
+          </p>
+        </div>
+        <ExportCsvLink
+          href="/api/admin/export/payouts"
+          query={exportQuery.toString()}
+        />
       </header>
 
       <AdminFilterBar