return order + success page return order + ...

src/app/profile/orders/[id]/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 import { FC, useState } from 'react'
-import { ArrowRight2 } from 'iconsax-react'
+import { ArrowLeft, TaskSquare } from 'iconsax-react'
 import { useRouter, useParams } from 'next/navigation'
 import PageLoading from '@/components/PageLoading'
 import Layout from '@/hoc/Layout'
@@ -10,6 +10,7 @@ import OrderMainContent from './components/OrderMainContent'
 import CancelOrderModal from './components/CancelOrderModal'
 import { useCancelOrder, useGetOrderDetail } from '../hooks/useOrdersData'
 import { toast } from '@/components/Toast'
+import { PRIMARY_COLOR } from '@/config/const'
 
 
 const OrderDetail: FC = () => {
@@ -66,14 +67,21 @@ const OrderDetail: FC = () => {
             <Menu pageActive='orders' />
 
             <div className='border p-6 rounded-2xl text-sm mt-7'>
-                <div className='flex gap-2 items-center border-b pb-6'>
-                    <button
-                        onClick={() => router.push('/profile/orders')}
-                        className='p-2 hover:bg-gray-100 rounded-lg transition-colors'
-                    >
-                        <ArrowRight2 size={20} className="rotate-180" />
-                    </button>
-                    <div className="text-lg font-semibold">جزئیات سفارش</div>
+                <div className='flex justify-between items-center border-b pb-6'>
+                    <div className='flex gap-2 items-center'>
+                        <button
+                            onClick={() => router.push('/profile/orders')}
+                            className='p-2 hover:bg-gray-100 rounded-lg transition-colors'
+                        >
+                            <ArrowLeft color='black' size={20} className="rotate-180" />
+                        </button>
+                        <div className="text-lg font-semibold">جزئیات سفارش</div>
+                    </div>
+
+                    <div className='flex gap-2 items-center cursor-pointer' onClick={() => router.push(`/profile/orders/${id}/return`)}>
+                        <TaskSquare color={PRIMARY_COLOR} size={20} />
+                        <div className='text-primary'>فرم درخواست مرجوعی</div>
+                    </div>
                 </div>
 
                 {cancelOrderMutation.isPending ? (