bulk action + payment

2025-09-14 16:17:11 +03:30
parent 6d52d1e91a
commit 1f49a01157
9 changed files with 400 additions and 38 deletions
@@ -0,0 +1,156 @@
+'use client'
+import Layout from '@/hoc/Layout'
+import { NextPage } from 'next'
+import { useEffect, useState } from 'react'
+import { useRouter, useSearchParams } from 'next/navigation'
+import { useCheckPaymentStatus } from '../../hooks/useCartData'
+import { toast } from '@/components/Toast'
+import { Button } from '@/components/ui/button'
+import Link from 'next/link'
+
+const PaymentCallback: NextPage = () => {
+    const router = useRouter()
+    const searchParams = useSearchParams()
+    const checkPaymentMutation = useCheckPaymentStatus()
+
+    const [paymentStatus, setPaymentStatus] = useState<'loading' | 'success' | 'failed' | 'pending'>('loading')
+    const [orderData, setOrderData] = useState<any>(null)
+
+    useEffect(() => {
+        const authority = searchParams.get('Authority')
+        const status = searchParams.get('Status')
+
+        if (!authority) {
+            toast('خطا در دریافت اطلاعات پرداخت', 'error')
+            setPaymentStatus('failed')
+            return
+        }
+
+        // بررسی وضعیت پرداخت - اطلاعات سفارش از سرور دریافت می‌شود
+        checkPaymentStatus(authority)
+    }, [searchParams])
+
+    const checkPaymentStatus = async (authority: string) => {
+        try {
+            const response = await checkPaymentMutation.mutateAsync({ authority })
+
+            // ذخیره اطلاعات سفارش از response
+            if (response?.results?.orderData) {
+                setOrderData(response.results.orderData)
+            }
+
+            if (response?.results?.paymentStatus === 'success') {
+                setPaymentStatus('success')
+                toast('پرداخت با موفقیت انجام شد', 'success')
+            } else if (response?.results?.paymentStatus === 'failed') {
+                setPaymentStatus('failed')
+                toast('پرداخت ناموفق بود', 'error')
+            } else {
+                setPaymentStatus('pending')
+                toast('وضعیت پرداخت در حال بررسی است', 'warning')
+            }
+        } catch (error: unknown) {
+            setPaymentStatus('failed')
+            const errorMessage = (error as { response?: { data?: { message?: string } } })?.response?.data?.message || 'خطا در بررسی وضعیت پرداخت'
+            toast(errorMessage, 'error')
+        }
+    }
+
+    const getStatusIcon = () => {
+        switch (paymentStatus) {
+            case 'success':
+                return '✅'
+            case 'failed':
+                return '❌'
+            case 'pending':
+                return '⏳'
+            default:
+                return '🔄'
+        }
+    }
+
+    const getStatusMessage = () => {
+        switch (paymentStatus) {
+            case 'success':
+                return 'پرداخت با موفقیت انجام شد'
+            case 'failed':
+                return 'پرداخت ناموفق بود'
+            case 'pending':
+                return 'وضعیت پرداخت در حال بررسی است'
+            default:
+                return 'در حال بررسی وضعیت پرداخت...'
+        }
+    }
+
+    const getStatusColor = () => {
+        switch (paymentStatus) {
+            case 'success':
+                return 'text-green-600'
+            case 'failed':
+                return 'text-red-600'
+            case 'pending':
+                return 'text-yellow-600'
+            default:
+                return 'text-blue-600'
+        }
+    }
+
+    return (
+        <div className="mt-14 px-4 sm:px-8 lg:px-20">
+            <div className="flex items-center justify-center min-h-[60vh]">
+                <div className="text-center max-w-md w-full">
+                    <div className="text-6xl mb-6">
+                        {getStatusIcon()}
+                    </div>
+
+                    <h1 className={`text-2xl font-bold mb-4 ${getStatusColor()}`}>
+                        {getStatusMessage()}
+                    </h1>
+
+                    {orderData && (
+                        <div className="bg-gray-50 rounded-lg p-4 mb-6 text-right">
+                            <div className="text-sm text-gray-600 mb-2">اطلاعات سفارش:</div>
+                            <div className="text-sm">
+                                <div>شماره سفارش: {orderData.orderId}</div>
+                                <div>مبلغ پرداخت: {orderData.totalPaymentPrice?.toLocaleString()} تومان</div>
+                                <div>تاریخ: {new Date(orderData.createdAt).toLocaleDateString('fa-IR')}</div>
+                            </div>
+                        </div>
+                    )}
+
+                    <div className="space-y-3">
+                        {paymentStatus === 'success' && (
+                            <Button asChild className="w-full">
+                                <Link href="/profile/orders">
+                                    مشاهده سفارشات
+                                </Link>
+                            </Button>
+                        )}
+
+                        <Button asChild variant="outline" className="w-full">
+                            <Link href="/">
+                                بازگشت به صفحه اصلی
+                            </Link>
+                        </Button>
+
+                        {paymentStatus === 'failed' && (
+                            <Button asChild variant="outline" className="w-full">
+                                <Link href="/cart/payment">
+                                    تلاش مجدد برای پرداخت
+                                </Link>
+                            </Button>
+                        )}
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default function PaymentCallbackWithLayout() {
+    return (
+        <Layout>
+            <PaymentCallback />
+        </Layout>
+    )
+}