pay order

src/app/[name]/(Dialogs)/order/checkout/[id]/components/ShippingSection.tsx

@@ -54,7 +54,7 @@ export const ShippingSection = ({ deliveryType, onDeliveryTypeChange }: Shipping
                                 onSuccess: () => {
                                     setTimeout(() => {
                                         setIsSelectedShipment(true);
-                                    }, 500);
+                                    }, 200);
                                 },
                             });
                         }

src/app/[name]/(Dialogs)/order/checkout/[id]/components/SummarySection.tsx

@@ -6,7 +6,7 @@ import { ChevronLeft } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { useCheckoutStore } from '../../store/Store';
 import { toast } from '@/components/Toast';
-import { useCreateOrder } from '../../hooks/useOrderData';
+import { useConfirmOrder, useCreateOrder } from '../../hooks/useOrderData';
 import { extractErrorMessage } from '@/lib/func';
 import { useParams } from 'next/navigation';
 import { useGetCartItems } from '@/app/[name]/(Dialogs)/cart/hooks/useCartData';
@@ -26,6 +26,7 @@ export const SummarySection = ({ cartModal, onToggleCartModal, deliveryType }: S
     const { t } = useTranslation('parallels', { keyPrefix: 'OrderDetail' });
     const { isSelectedAddress, isSelectedShipment, isSelectedPayment } = useCheckoutStore();
     const { mutate: createOrder } = useCreateOrder();
+    const { mutate: confirmOrder } = useConfirmOrder();
     const params = useParams();
     const name = params.name as string;
     const { isSuccess } = useGetProfile();
@@ -68,13 +69,20 @@ export const SummarySection = ({ cartModal, onToggleCartModal, deliveryType }: S
 
         createOrder(undefined, {
             onSuccess: (data) => {
-                if (data?.data?.paymentUrl) {
+                confirmOrder(data?.data?.order?.id, {
-                    window.location.href = data?.data?.paymentUrl;
+                    onSuccess: (payment) => {
-                    toast('در حال ریدایرکت به صفحه پرداخت...', 'success');
+                        if (payment?.data?.paymentUrl) {
-                } else {
+                            window.location.href = payment?.data?.paymentUrl;
-                    window.location.href = `/${name}/verify/${data?.data?.order?.id}`;
+                            toast('در حال ریدایرکت به صفحه پرداخت...', 'success');
-                    toast('سفارش با موفقیت ثبت شد', 'success');
+                        } else {
-                }
+                            window.location.href = `/${name}/verify/${data?.data?.order?.id}`;
+                            toast('سفارش با موفقیت ثبت شد', 'success');
+                        }
+                    },
+                    onError: (error) => {
+                        toast(extractErrorMessage(error), 'error');
+                    }
+                });
             },
             onError: (error) => {
                 toast(extractErrorMessage(error), 'error');

src/app/[name]/(Dialogs)/order/checkout/hooks/useOrderData.ts

@@ -11,6 +11,7 @@ import {
   setTableNumber,
   getOrderDetail,
   cancelOrder,
+  confirmOrder,
 } from "../service/OrderService";
 
 export const useGetShipmentMethod = () => {
@@ -92,3 +93,9 @@ export const useCancelOrder = () => {
     mutationFn: cancelOrder,
   });
 };
+
+export const useConfirmOrder = () => {
+  return useMutation({
+    mutationFn: confirmOrder,
+  });
+};

src/app/[name]/(Dialogs)/order/checkout/service/OrderService.ts

@@ -72,3 +72,8 @@ export const cancelOrder = async (id: string) => {
   const { data } = await api.patch(`/public/orders/${id}/cancel`);
   return data;
 };
+
+export const confirmOrder = async (id: string) => {
+  const { data } = await api.get(`/public/payments/pay-order/${id}`);
+  return data;
+};