design invoice

src/pages/requests/Detail.tsx

@@ -1,7 +1,10 @@
 import { type FC } from 'react'
 import { useGetRequestDetail } from './hooks/useRequestData'
-import { useParams } from 'react-router-dom'
+import { Link, useParams } from 'react-router-dom'
 import RequestItem from './components/RequestItem'
+import { Paths } from '@/config/Paths'
+import Button from '@/components/Button'
+import { TickSquare } from 'iconsax-react'
 
 const RequestDetail: FC = () => {
     const { id } = useParams()
@@ -14,6 +17,14 @@ const RequestDetail: FC = () => {
                 <div className="text-sm text-[#8C90A3]">
                     درخواست #{data?.data?.requestNumber}
                 </div>
+                <Link to={Paths.perfomaInvoice.create + `?requestId=${id}`}>
+                    <Button className="w-fit px-5">
+                        <div className="flex gap-2 items-center">
+                            <TickSquare size={20} color="black" />
+                            <div>ثبت پیش فاکتور</div>
+                        </div>
+                    </Button>
+                </Link>
             </div>
 
             {/* Request Information Section */}