fix: build error
This commit is contained in:
hamid zarghami
@@ -1,156 +1,165 @@
|
||||
'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'
|
||||
// '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 PaymentCallback: NextPage = () => {
|
||||
// const searchParams = useSearchParams()
|
||||
// const checkPaymentMutation = useCheckPaymentStatus()
|
||||
|
||||
const [paymentStatus, setPaymentStatus] = useState<'loading' | 'success' | 'failed' | 'pending'>('loading')
|
||||
const [orderData, setOrderData] = useState<any>(null)
|
||||
// const [paymentStatus, setPaymentStatus] = useState<'loading' | 'success' | 'failed' | 'pending'>('loading')
|
||||
// const [orderData, setOrderData] = useState(null)
|
||||
|
||||
useEffect(() => {
|
||||
const authority = searchParams.get('Authority')
|
||||
const status = searchParams.get('Status')
|
||||
// useEffect(() => {
|
||||
// const authority = searchParams.get('Authority')
|
||||
// const status = searchParams.get('Status')
|
||||
|
||||
if (!authority) {
|
||||
toast('خطا در دریافت اطلاعات پرداخت', 'error')
|
||||
setPaymentStatus('failed')
|
||||
return
|
||||
}
|
||||
// if (!authority) {
|
||||
// toast('خطا در دریافت اطلاعات پرداخت', 'error')
|
||||
// setPaymentStatus('failed')
|
||||
// return
|
||||
// }
|
||||
|
||||
// بررسی وضعیت پرداخت - اطلاعات سفارش از سرور دریافت میشود
|
||||
checkPaymentStatus(authority)
|
||||
}, [searchParams])
|
||||
// // بررسی وضعیت پرداخت - اطلاعات سفارش از سرور دریافت میشود
|
||||
// checkPaymentStatus(authority)
|
||||
// }, [searchParams])
|
||||
|
||||
const checkPaymentStatus = async (authority: string) => {
|
||||
try {
|
||||
const response = await checkPaymentMutation.mutateAsync({ authority })
|
||||
// const checkPaymentStatus = async (authority: string) => {
|
||||
// try {
|
||||
// const response = await checkPaymentMutation.mutateAsync({ authority })
|
||||
|
||||
// ذخیره اطلاعات سفارش از response
|
||||
if (response?.results?.orderData) {
|
||||
setOrderData(response.results.orderData)
|
||||
}
|
||||
// // ذخیره اطلاعات سفارش از 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')
|
||||
}
|
||||
}
|
||||
// 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 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 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'
|
||||
}
|
||||
}
|
||||
// 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>
|
||||
// )
|
||||
// }
|
||||
|
||||
import React from 'react'
|
||||
|
||||
const page = () => {
|
||||
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>
|
||||
<div>page</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default function PaymentCallbackWithLayout() {
|
||||
return (
|
||||
<Layout>
|
||||
<PaymentCallback />
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
export default page
|
||||
Reference in New Issue
Block a user