QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-20 14:50:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Map the invoice preview data

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2024-09-19 14:32:14 +02:00
parent 16eaacd4bc
commit 0ae7a25c27
8 changed files with 112 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/webapp/src/containers/PaymentPortal/drawers/PaymentInvoicePreviewDrawer/PaymentInvoicePreviewContent.tsx
View File

@@ -1,15 +1,36 @@
// @ts-nocheck
import { Box, DrawerBody, DrawerHeaderContent } from '@/components';
import { InvoicePaperTemplate } from '@/containers/Sales/Invoices/InvoiceCustomize/InvoicePaperTemplate';
import { usePaymentPortalBoot } from '../../PaymentPortalBoot';
export function PaymentInvoicePreviewContent() {
const { sharableLinkMeta } = usePaymentPortalBoot();
return (
<>
<DrawerHeaderContent title={'Invoice'} />
<DrawerBody>
<Box style={{ paddingTop: 20, paddingBottom: 20 }}>
<InvoicePaperTemplate />
<InvoicePaperTemplate
invoiceNumber={sharableLinkMeta?.invoiceNo}
dueDate={sharableLinkMeta?.dueDateFormatted}
dateIssue={sharableLinkMeta?.invoiceDateFormatted}
total={sharableLinkMeta?.totalFormatted}
subtotal={sharableLinkMeta?.subtotalFormatted}
balanceDue={sharableLinkMeta?.dueAmountFormatted}
paymentMade={sharableLinkMeta?.paymentAmountFormatted}
termsConditions={sharableLinkMeta?.termsConditions}
statement={sharableLinkMeta?.invoiceMessage}
companyName={sharableLinkMeta?.companyName}
lines={sharableLinkMeta?.entries?.map((entry) => ({
item: entry.itemName,
description: entry.description,
quantity: entry.quantityFormatted,
rate: entry.rateFormatted,
total: entry.totalFormatted,
}))}
/>
</Box>
</DrawerBody>
</>

2
packages/webapp/src/containers/PaymentPortal/drawers/PaymentInvoicePreviewDrawer/PaymentInvoicePreviewDrawer.tsx
View File

@@ -1,10 +1,10 @@
// @ts-nocheck
import React from 'react';
import * as R from 'ramda';
import { Position } from '@blueprintjs/core';
import { Drawer, DrawerSuspense } from '@/components';
import withDrawers from '@/containers/Drawer/withDrawers';
import { PaymentInvoicePreviewContent } from './PaymentInvoicePreviewContent';
import { Position } from '@blueprintjs/core';
/**
*