design invoice

src/pages/invoice/ProformaInvoice.tsx

@@ -3,7 +3,7 @@ import { useMemo, useState, type FC } from 'react'
 import { ProformaInvoiceStatusEnum } from './enum/InvoiceEnum'
 import Filters from '@/components/Filters'
 import Table from '@/components/Table'
-import { Eye } from 'iconsax-react'
+import { Eye, Add } from 'iconsax-react'
 import { Link } from 'react-router-dom'
 import { Paths } from '@/config/Paths'
 import { useGetOrdersInvoiced } from '../order/hooks/useOrderData'
@@ -79,7 +79,15 @@ const ProformaInvoice: FC = () => {
 
     return (
         <div className='mt-5'>
-            <h1 className='text-lg font-light'>پیش فاکتورها</h1>
+            <div className='flex justify-between items-center'>
+                <h1 className='text-lg font-light'>پیش فاکتورها</h1>
+                <Link to={Paths.perfomaInvoice.create}>
+                    <button className='flex items-center gap-2 px-4 py-2 bg-primary text-black text-sm font-medium rounded-xl hover:opacity-90 transition-opacity'>
+                        <Add size={18} />
+                        پیش فاکتور جدید
+                    </button>
+                </Link>
+            </div>
 
             <div className='mt-8'>
                 <Tabs