127 lines
3.7 KiB
TypeScript
127 lines
3.7 KiB
TypeScript
import { redirect } from "next/navigation";
|
|
import { getServerSession } from "next-auth";
|
|
import { authOptions } from "@/lib/auth";
|
|
import { isAdminEmail } from "@/lib/admin";
|
|
import { refundRepo } from "@/server/repositories/refund.repo";
|
|
import { CreateRefundForm } from "@/features/refund/components/create-refund-form";
|
|
import {
|
|
RefundReviewCard,
|
|
type RefundCardData,
|
|
} from "@/features/refund/components/refund-review-card";
|
|
|
|
type Tab = "PENDING" | "APPROVED" | "REJECTED" | "SUCCEEDED" | "FAILED";
|
|
|
|
const TABS: { key: Tab; label: string }[] = [
|
|
{ key: "PENDING", label: "Pending" },
|
|
{ key: "APPROVED", label: "Disetujui" },
|
|
{ key: "SUCCEEDED", label: "Selesai" },
|
|
{ key: "REJECTED", label: "Ditolak" },
|
|
{ key: "FAILED", label: "Gagal" },
|
|
];
|
|
|
|
interface PageProps {
|
|
searchParams: Promise<{ tab?: string }>;
|
|
}
|
|
|
|
export default async function AdminRefundsPage({ searchParams }: PageProps) {
|
|
const session = await getServerSession(authOptions);
|
|
if (!session?.user) redirect("/login?callbackUrl=/admin/refunds");
|
|
if (!isAdminEmail(session.user.email)) {
|
|
return (
|
|
<div className="mx-auto max-w-2xl px-4 py-12 text-center">
|
|
<p className="text-sm text-neutral-600">
|
|
Halaman ini hanya untuk admin SeTrip.
|
|
</p>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
const params = await searchParams;
|
|
const tab: Tab = TABS.some((t) => t.key === params.tab)
|
|
? (params.tab as Tab)
|
|
: "PENDING";
|
|
|
|
const rows = await refundRepo.listByStatus(tab);
|
|
const items: RefundCardData[] = rows.map((r) => ({
|
|
id: r.id,
|
|
amount: r.amount,
|
|
currency: r.currency,
|
|
reason: r.reason,
|
|
reportedBy: r.reportedBy,
|
|
reportNote: r.reportNote,
|
|
initiatedBy: r.initiatedBy,
|
|
status: r.status,
|
|
adminNote: r.adminNote,
|
|
createdAt: r.createdAt,
|
|
reviewedAt: r.reviewedAt,
|
|
succeededAt: r.succeededAt,
|
|
failedAt: r.failedAt,
|
|
reviewedBy: r.reviewedBy,
|
|
booking: {
|
|
id: r.booking.id,
|
|
amount: r.booking.amount,
|
|
status: r.booking.status,
|
|
trip: {
|
|
id: r.booking.trip.id,
|
|
title: r.booking.trip.title,
|
|
date: r.booking.trip.date,
|
|
},
|
|
user: r.booking.user,
|
|
payments: r.booking.payments.map((p) => ({
|
|
id: p.id,
|
|
provider: p.provider,
|
|
method: p.method,
|
|
amount: p.amount,
|
|
status: p.status,
|
|
paidAt: p.paidAt,
|
|
})),
|
|
},
|
|
}));
|
|
|
|
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>
|
|
|
|
<CreateRefundForm />
|
|
|
|
<div className="mb-6 flex flex-wrap gap-2">
|
|
{TABS.map((t) => (
|
|
<a
|
|
key={t.key}
|
|
href={`/admin/refunds?tab=${t.key}`}
|
|
className={`rounded-full px-4 py-1.5 text-sm font-semibold transition-colors ${
|
|
tab === t.key
|
|
? "bg-primary-600 text-white"
|
|
: "bg-neutral-100 text-neutral-600 hover:bg-neutral-200"
|
|
}`}
|
|
>
|
|
{t.label}
|
|
</a>
|
|
))}
|
|
</div>
|
|
|
|
{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.
|
|
</p>
|
|
</div>
|
|
) : (
|
|
<div className="space-y-4">
|
|
{items.map((r) => (
|
|
<RefundReviewCard key={r.id} refund={r} />
|
|
))}
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|