soroush.asadi
87 lines
3.5 KiB
TypeScript
87 lines
3.5 KiB
TypeScript
import Link from "next/link";
|
|
|
|
export const dynamic = "force-dynamic";
|
|
|
|
/**
|
|
* Payment result landing. Payment gateways/brokers redirect the browser here after
|
|
* a purchase: /payment/result?status=success|failed&ref=<receipt>&gateway=<name>.
|
|
* Coins/plans are activated server-side; this page just reports the outcome.
|
|
*/
|
|
export default function PaymentResultPage({
|
|
params,
|
|
searchParams,
|
|
}: {
|
|
params: { locale: string };
|
|
searchParams: { status?: string; ref?: string; gateway?: string };
|
|
}) {
|
|
const fa = params.locale !== "en";
|
|
const success = searchParams.status === "success" || searchParams.status === "Paid";
|
|
const ref = typeof searchParams.ref === "string" ? searchParams.ref : "";
|
|
|
|
const t = {
|
|
successTitle: fa ? "پرداخت موفق بود" : "Payment successful",
|
|
successBody: fa
|
|
? "پرداخت شما با موفقیت انجام شد و اشتراکتان فعال گردید."
|
|
: "Your payment went through and your plan is now active.",
|
|
failTitle: fa ? "پرداخت ناموفق بود" : "Payment failed",
|
|
failBody: fa
|
|
? "پرداخت انجام نشد یا لغو شد. اگر مبلغی کسر شده باشد، طی ۷۲ ساعت بازگردانده میشود."
|
|
: "The payment didn't complete or was cancelled. Any charged amount is refunded within 72h.",
|
|
refLabel: fa ? "کد پیگیری" : "Tracking code",
|
|
toDashboard: fa ? "رفتن به داشبورد" : "Go to dashboard",
|
|
retry: fa ? "تلاش دوباره" : "Try again",
|
|
};
|
|
|
|
return (
|
|
<div className="flex min-h-[70vh] items-center justify-center px-4 py-16">
|
|
<div className="w-full max-w-md rounded-2xl border border-gray-200 bg-white p-8 text-center shadow-sm">
|
|
<div
|
|
className={`mx-auto flex h-16 w-16 items-center justify-center rounded-full ${
|
|
success ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"
|
|
}`}
|
|
>
|
|
{success ? (
|
|
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
|
|
<path d="M20 6 9 17l-5-5" />
|
|
</svg>
|
|
) : (
|
|
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
|
|
<path d="M18 6 6 18M6 6l12 12" />
|
|
</svg>
|
|
)}
|
|
</div>
|
|
|
|
<h1 className="mt-5 text-xl font-bold text-gray-900">
|
|
{success ? t.successTitle : t.failTitle}
|
|
</h1>
|
|
<p className="mt-2 text-sm leading-relaxed text-gray-500">
|
|
{success ? t.successBody : t.failBody}
|
|
</p>
|
|
|
|
{success && ref ? (
|
|
<p className="mt-4 rounded-lg bg-gray-50 px-3 py-2 text-sm text-gray-600">
|
|
{t.refLabel}: <span className="font-mono font-medium text-gray-900" dir="ltr">{ref}</span>
|
|
</p>
|
|
) : null}
|
|
|
|
<div className="mt-6 flex justify-center gap-3">
|
|
<Link
|
|
href="/dashboard"
|
|
className="rounded-lg bg-primary-600 px-5 py-2.5 text-sm font-medium text-white hover:bg-primary-500"
|
|
>
|
|
{t.toDashboard}
|
|
</Link>
|
|
{!success ? (
|
|
<Link
|
|
href="/pricing"
|
|
className="rounded-lg border border-gray-300 px-5 py-2.5 text-sm font-medium text-gray-700 hover:border-gray-400"
|
|
>
|
|
{t.retry}
|
|
</Link>
|
|
) : null}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|