admin roadmap filter & search, user management, reopen rejected, system health

app/admin/refunds/page.tsx

@@ -1,9 +1,10 @@
 import { redirect } from "next/navigation";
 import { getServerSession } from "next-auth";
 import { authOptions } from "@/lib/auth";
-import { isAdminEmail } from "@/lib/admin";
+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 {
   RefundReviewCard,
   type RefundCardData,
@@ -19,8 +20,30 @@ const TABS: { key: Tab; label: string }[] = [
   { key: "FAILED", label: "Gagal" },
 ];
 
+const REASON_OPTIONS = [
+  { value: "USER_CANCELLATION", label: "User cancel" },
+  { value: "ORGANIZER_CANCELLED", label: "Organizer cancel" },
+  { value: "TRIP_ISSUE", label: "Trip issue" },
+  { value: "ADMIN_ADJUSTMENT", label: "Admin adjustment" },
+  { value: "DISPUTE_RESOLVED", label: "Dispute resolved" },
+] as const;
+
+type ReasonValue = (typeof REASON_OPTIONS)[number]["value"];
+
 interface PageProps {
-  searchParams: Promise<{ tab?: string }>;
+  searchParams: Promise<{
+    tab?: string;
+    dateFrom?: string;
+    dateTo?: string;
+    reviewer?: string;
+    reason?: string;
+  }>;
+}
+
+function parseDate(value: string | undefined): Date | undefined {
+  if (!value) return undefined;
+  const d = new Date(value);
+  return Number.isNaN(d.getTime()) ? undefined : d;
 }
 
 export default async function AdminRefundsPage({ searchParams }: PageProps) {
@@ -40,8 +63,19 @@ export default async function AdminRefundsPage({ searchParams }: PageProps) {
   const tab: Tab = TABS.some((t) => t.key === params.tab)
     ? (params.tab as Tab)
     : "PENDING";
+  const reason: ReasonValue | undefined = REASON_OPTIONS.some(
+    (r) => r.value === params.reason
+  )
+    ? (params.reason as ReasonValue)
+    : undefined;
+
+  const rows = await refundRepo.listByStatus(tab, {
+    dateFrom: parseDate(params.dateFrom),
+    dateTo: parseDate(params.dateTo),
+    reviewerEmail: params.reviewer || undefined,
+    reason,
+  });
 
-  const rows = await refundRepo.listByStatus(tab);
   const items: RefundCardData[] = rows.map((r) => ({
     id: r.id,
     amount: r.amount,
@@ -92,6 +126,20 @@ export default async function AdminRefundsPage({ searchParams }: PageProps) {
 
       <CreateRefundForm />
 
+      <AdminFilterBar
+        action="/admin/refunds"
+        values={{
+          tab,
+          dateFrom: params.dateFrom,
+          dateTo: params.dateTo,
+          reviewer: params.reviewer,
+          reason: params.reason,
+        }}
+        reviewerOptions={listAdminEmails()}
+        reviewerLabel="Reviewer"
+        reasonOptions={[...REASON_OPTIONS]}
+      />
+
       <div className="mb-6 flex flex-wrap gap-2">
         {TABS.map((t) => (
           <a
@@ -111,7 +159,7 @@ export default async function AdminRefundsPage({ searchParams }: PageProps) {
       {items.length === 0 ? (
         <div className="rounded-2xl border border-dashed border-neutral-300 bg-white p-10 text-center">
           <p className="text-sm text-neutral-500">
-            Tidak ada refund pada status ini.
+            Tidak ada refund yang cocok dengan filter ini.
           </p>
         </div>
       ) : (