link to form print

.env

@@ -1,3 +1,3 @@
-VITE_API_BASE_URL = 'http://10.24.161.1:4000'
+VITE_API_BASE_URL = 'http://10.86.60.88:4000'
 VITE_TOKEN_NAME = 'negareh_at'
 VITE_REFRESH_TOKEN_NAME = 'negareh_art'

src/config/Paths.tsx

@@ -78,5 +78,6 @@ export const Paths = {
         list: '/print/list',
         create: '/print/create',
         update: '/print/update/',
+        form: '/print/form/'
     }
 }

src/pages/order/OrderDetail.tsx

@@ -33,7 +33,7 @@ const OrderDetail: FC = () => {
                     {
                         data?.data?.items?.map((item) => {
                             return (
-                                <OrderItem estimatedDays={data?.data?.estimatedDays} item={item} />
+                                <OrderItem key={item.id} estimatedDays={data?.data?.estimatedDays} item={item} />
                             )
                         })
                     }

src/pages/order/components/OrderItem.tsx

@@ -1,6 +1,9 @@
 import { type FC } from 'react'
 import type { OrderItemType } from '../types/Types'
 import { useGetEntityField } from '@/pages/formBuilder/hooks/useFormBuilderData'
+import Button from '@/components/Button'
+import { Link, useParams } from 'react-router-dom'
+import { Paths } from '@/config/Paths'
 
 type Props = {
     item: OrderItemType,
@@ -9,11 +12,21 @@ type Props = {
 
 const OrderItem: FC<Props> = ({ item, estimatedDays }) => {
 
+    const { id } = useParams()
     const { data: fields } = useGetEntityField(item.product?.id)
 
 
     return (
-        <div key={item.product.id}>
+        <div key={item.product.id} className='border border-border rounded-3xl p-6'>
+            <div className='flex items-center justify-between mb-4'>
+                <div>#{item.id}</div>
+                <Link to={Paths.print.form + item.id + `/${id}`}>
+                    <Button
+                        label='فرم پرینت'
+                        className='w-fit px-6'
+                    />
+                </Link>
+            </div>
             <div className="flex items-center gap-6">
                 {/* Product Image */}
                 <div className='size-[86px] rounded-lg overflow-hidden'>