withdraw request accept

2026-04-19 10:42:57 +03:30
parent 44a70b2954
commit 51da9b2706
5 changed files with 93 additions and 9 deletions
@@ -1,8 +1,71 @@
-import { type FC } from 'react'
+import { useState, type FC } from 'react'
+import Button from '../../../components/Button'
+import DefaulModal from '../../../components/DefaulModal'
+import { usePayment } from '../hooks/useResellerData'
+import Input from '../../../components/Input'
+import { toast } from 'react-toastify'
+import { ErrorType } from '../../../helpers/types'
+
+type Props = {
+    id: string,
+    refetch: () => void,
+}
+
+const Payment: FC<Props> = ({ id, refetch }) => {
+
+    const payment = usePayment()
+    const [showModal, setShowModal] = useState<boolean>(false)
+    const [transactionId, setTransactionId] = useState<string>('')
+
+    const handleSubmit = () => {
+        if (transactionId.length > 0) {
+            payment.mutate({ id: id, transactionId: transactionId }, {
+                onSuccess: () => {
+                    toast('با موفقت ثبت شد')
+                    setTransactionId('')
+                    refetch()
+                },
+                onError: (error: ErrorType) => {
+                    toast.error(error.response?.data?.error.message[0])
+                }
+            })
+        } else {
+            toast.error('شماره تراکنش رو پر کنید')
+        }
+    }

-const Payment: FC = () => {
    return (
-        <div>Payment</div>
+        <div>
+            <Button
+                className='w-fit px-4'
+                label='پرداخت'
+                onClick={() => setShowModal(true)}
+            />
+
+            <DefaulModal
+                open={showModal}
+                close={() => setShowModal(false)}
+                isHeader
+                title_header='پرداخت'
+            >
+                <div className='mt-4'>
+                    <Input
+                        value={transactionId}
+                        onChange={(e) => setTransactionId(e.target.value)}
+                        label='شماره تراکنش'
+                    />
+                </div>
+
+                <div className='mt-5'>
+                    <Button
+                        label='ثبت'
+                        onClick={handleSubmit}
+                        isLoading={payment.isPending}
+                    />
+                </div>
+
+            </DefaulModal>
+        </div>
    )
 }