hamedandClaude Opus 4.8
59d29cd7c7
- Booking response is double-nested: read appointment uuid/expires_at from res.data.data so the payment countdown and gateway redirect actually fire. - Payment result page (/payment/[uuid]): unwrap res.data.data, use real backend fields (amount_rials, gateway, created_at, type) and statuses (pending/success/failed/canceled/refunded); the "pay" button now re-initiates via postAppointmentPayment instead of building a URL on the API origin. - Add /payment/result interstitial that reads payment_uuid from the gateway callback and forwards to /payment/[uuid]. - Prefill account info correctly in the booking form: name from profile.label, insurances from *_id, gender as string, national_code editable unless approved. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
"use client";
|
||
|
||
import { Suspense, useEffect } from "react";
|
||
import { useRouter, useSearchParams } from "next/navigation";
|
||
import Layout from "@/components/layout";
|
||
|
||
function PaymentResultRedirect() {
|
||
const router = useRouter();
|
||
const searchParams = useSearchParams();
|
||
|
||
useEffect(() => {
|
||
const paymentUuid = searchParams.get("payment_uuid");
|
||
if (paymentUuid) {
|
||
router.replace(`/payment/${paymentUuid}`);
|
||
} else {
|
||
router.replace("/dashboard?sidebar=2");
|
||
}
|
||
}, [searchParams, router]);
|
||
|
||
return (
|
||
<div className="flex items-center justify-center min-h-screen">
|
||
<div className="flex flex-col items-center gap-4">
|
||
<div className="w-12 h-12 border-4 border-[#5559CE] border-t-transparent rounded-full animate-spin"></div>
|
||
<p className="text-[#3B3B3B] text-[16px]">در حال انتقال به نتیجهی پرداخت...</p>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|
||
|
||
export default function PaymentResultPage() {
|
||
return (
|
||
<Layout>
|
||
<Suspense fallback={null}>
|
||
<PaymentResultRedirect />
|
||
</Suspense>
|
||
</Layout>
|
||
);
|
||
}
|