admin roadmap csv export, adminactionlog, global search

app/admin/refunds/page.tsx

@@ -5,6 +5,7 @@ import { isAdminEmail, listAdminEmails } from "@/lib/admin";
 import { refundRepo } from "@/server/repositories/refund.repo";
 import { CreateRefundForm } from "@/features/refund/components/create-refund-form";
 import { AdminFilterBar } from "@/features/admin/components/admin-filter-bar";
+import { ExportCsvLink } from "@/features/admin/components/export-csv-link";
 import {
   RefundReviewCard,
   type RefundCardData,
@@ -112,16 +113,28 @@ export default async function AdminRefundsPage({ searchParams }: PageProps) {
     },
   }));
 
+  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);
+  if (reason) exportQuery.set("reason", reason);
+
   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">
-          Review Refund Manual
-        </h1>
-        <p className="mt-1 text-sm text-neutral-500">
-          Tinjau laporan refund dari peserta dan organizer. Setiap refund harus
-          melalui approval admin sebelum dieksekusi.
-        </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">
+            Review Refund Manual
+          </h1>
+          <p className="mt-1 text-sm text-neutral-500">
+            Tinjau laporan refund dari peserta dan organizer. Setiap refund harus
+            melalui approval admin sebelum dieksekusi.
+          </p>
+        </div>
+        <ExportCsvLink
+          href="/api/admin/export/refunds"
+          query={exportQuery.toString()}
+        />
       </header>
 
       <CreateRefundForm />