add: payment redirect page

2025-08-09 14:31:25 +03:30
parent 0b86577bb5
commit df751dfea4
1 changed files with 69 additions and 0 deletions
@@ -0,0 +1,69 @@
+'use client';
+
+import Button from '@/components/button/PrimaryButton';
+import { ef } from '@/lib/helpers/utfNumbers';
+import { CardTick } from 'iconsax-react';
+import { useRouter } from 'next/navigation';
+import React from 'react'
+
+type Props = object
+
+export default function VerifyIndex({ }: Props) {
+    // const { t } = useTranslation('notifications')
+    const router = useRouter();
+
+    return (
+        <div className='h-full bg-inherit relative flex flex-col lg:gap-4'>
+            <div className='flex-1 flex flex-col items-center justify-center'>
+                <div className='bg-container py-5 px-2 rounded-container shadow-lg w-full'>
+                    <div className='items-center gap-2 bg-gray-50 rounded-2xl h-35 flex flex-col justify-center'>
+                        <CardTick className='size-10 stroke-primary' variant='TwoTone' />
+                        <h5 className='font-bold text-sm'>پرداخت موفق</h5>
+                        <p className='text-sm mt-1 leading-5 text-disabled-text'>
+                            {ef('مبلغ: 560,000 تومان')}
+                        </p>
+                    </div>
+
+                    <div className='mt-5 w-full text-sm2'>
+                        <div className='flex justify-between items-center'>
+                            <div className='font-medium text-disabled-text'>تاریخ:</div>
+                            <div className='font-medium'>{ef('1401/05/08')}</div>
+                        </div>
+                        <hr className='border border-border my-3' />
+
+                        <div className='flex justify-between items-center'>
+                            <div className='text-disabled-text'>ساعت:</div>
+                            <div className=''>{ef('21:45')}</div>
+                        </div>
+                        <hr className='border border-border my-3' />
+
+                        <div className='flex justify-between items-center'>
+                            <div className='text-disabled-text'>از کارت:</div>
+                            <div className=''>{ef('6104 6647 **** 1147')}</div>
+                        </div>
+                        <hr className='border border-border my-3' />
+
+                        <div className='flex justify-between items-center'>
+                            <div className='text-disabled-text'>درگاه پرداخت:</div>
+                            <div className=''>{ef('درگاه پرداخت')}</div>
+                        </div>
+                        <hr className='border border-border my-3' />
+
+                        <div className='flex justify-between items-center'>
+                            <div className='text-disabled-text'>شماره پیگیری:</div>
+                            <div className=''>{ef('556284526')}</div>
+                        </div>
+                        <hr className='border border-border my-3' />
+
+                        <Button
+                        className='mt-12'
+                        onClick={() => router.back()} // TODO: redirect to order
+                        >
+                            بازگشت
+                        </Button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}