invoice payments

src/pages/invoice/Detail.tsx

@@ -11,6 +11,8 @@ import { NumberFormat } from '@/config/func'
 import moment from 'moment-jalaali'
 import type { InvoiceItem as ApiInvoiceItem } from './types/InvoiceTypes'
 import { Paths } from '@/config/Paths'
+import { useGetPaymentInvoice } from '../payment/hooks/usePaymentData'
+import InvoicePaymentList from './InvoicePaymentList'
 
 interface TableInvoiceItem extends RowDataType {
     id: string
@@ -26,9 +28,11 @@ interface TableInvoiceItem extends RowDataType {
 const formatPrice = (num: number) => `${NumberFormat(num)} تومان`
 
 const InvoiceDetail: FC = () => {
+
     const { id } = useParams()
     const queryClient = useQueryClient()
     const { data, isPending } = useGetInvoiceDetail(id!)
+    useGetPaymentInvoice(id)
     const { mutate: confirmInvoiceItem, isPending: isConfirming } = useConfirmInvoiceItem()
     const [confirmingItemId, setConfirmingItemId] = useState<string | null>(null)
     const invoice = data?.data
@@ -241,6 +245,8 @@ const InvoiceDetail: FC = () => {
                     </div>
                 )}
 
+
+
                 {/* Notes Section */}
                 <div className='mt-8 pt-6 border-t border-[#EBEDF5]'>
                     <div className='text-xs text-[#8C90A3] leading-6 space-y-2'>
@@ -250,6 +256,11 @@ const InvoiceDetail: FC = () => {
                 </div>
             </div>
 
+            {/* لیست پرداخت‌ها */}
+            <div className="mt-8">
+                <InvoicePaymentList invoiceId={id!} />
+            </div>
+
             <ModalConfirm
                 open={!!confirmingItemId}
                 onClose={() => setConfirmingItemId(null)}