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

app/admin/payouts/page.tsx

@@ -1,8 +1,9 @@
 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 { payoutRepo } from "@/server/repositories/payout.repo";
+import { AdminFilterBar } from "@/features/admin/components/admin-filter-bar";
 import {
   PayoutReviewCard,
   type PayoutCardData,
@@ -18,7 +19,18 @@ const TABS: { key: Tab; label: string }[] = [
 ];
 
 interface PageProps {
-  searchParams: Promise<{ tab?: string }>;
+  searchParams: Promise<{
+    tab?: string;
+    dateFrom?: string;
+    dateTo?: string;
+    reviewer?: 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 AdminPayoutsPage({ searchParams }: PageProps) {
@@ -39,7 +51,11 @@ export default async function AdminPayoutsPage({ searchParams }: PageProps) {
     ? (params.tab as Tab)
     : "RELEASED";
 
-  const rows = await payoutRepo.listByStatus(tab);
+  const rows = await payoutRepo.listByStatus(tab, {
+    dateFrom: parseDate(params.dateFrom),
+    dateTo: parseDate(params.dateTo),
+    processorEmail: params.reviewer || undefined,
+  });
   const items: PayoutCardData[] = rows.map((p) => ({
     id: p.id,
     amount: p.amount,
@@ -78,6 +94,18 @@ export default async function AdminPayoutsPage({ searchParams }: PageProps) {
         </p>
       </header>
 
+      <AdminFilterBar
+        action="/admin/payouts"
+        values={{
+          tab,
+          dateFrom: params.dateFrom,
+          dateTo: params.dateTo,
+          reviewer: params.reviewer,
+        }}
+        reviewerOptions={listAdminEmails()}
+        reviewerLabel="Processor"
+      />
+
       <div className="mb-6 flex flex-wrap gap-2">
         {TABS.map((t) => (
           <a
@@ -96,7 +124,9 @@ export default async function AdminPayoutsPage({ 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 payout pada status ini.</p>
+          <p className="text-sm text-neutral-500">
+            Tidak ada payout yang cocok dengan filter ini.
+          </p>
         </div>
       ) : (
         <div className="space-y-4">