{label}
} + {closeButton && ( + } + minimal={true} + onClick={handleClose} + style={{ marginLeft: 'auto' }} + /> + )} +
+
+
+
+
+
+ );
+}
diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesActionsBar.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesActionsBar.tsx
index 6f5ce73ce..be63b7637 100644
--- a/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesActionsBar.tsx
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoicesLanding/InvoicesActionsBar.tsx
@@ -7,6 +7,11 @@ import {
NavbarGroup,
Intent,
Alignment,
+ Menu,
+ MenuItem,
+ Popover,
+ PopoverInteractionKind,
+ Position,
} from '@blueprintjs/core';
import { useHistory } from 'react-router-dom';
import {
@@ -32,6 +37,8 @@ import withSettingsActions from '@/containers/Settings/withSettingsActions';
import { compose } from '@/utils';
import withDialogActions from '@/containers/Dialog/withDialogActions';
import { DialogsName } from '@/constants/dialogs';
+import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { DRAWERS } from '@/constants/drawers';
/**
* Invoices table actions bar.
@@ -51,6 +58,9 @@ function InvoiceActionsBar({
// #withDialogsActions
openDialog,
+
+ // #withDrawerActions
+ openDrawer,
}) {
const history = useHistory();
@@ -97,6 +107,11 @@ function InvoiceActionsBar({
downloadExportPdf({ resource: 'SaleInvoice' });
};
+ // Handles the invoice customize button click.
+ const handleCustomizeBtnClick = () => {
+ openDrawer(DRAWERS.INVOICE_CUSTOMIZE);
+ };
+
return (
+
+
+ Invoice
+ +
+ 
+
+
+
+
+
+
+
+
+ Invoice number
+ 346D3D40-0001
+
+
+
+ Date of issue
+ September 3, 2024
+
+
+ Date due
+ October 3, 2024
+
+
+
+
+ Bigcapital Technology, Inc.
+ 131 Continental Dr Suite 305 Newark, +
+ Delaware 19713 +
+ United States +
+ +1 762-339-5634 +
+ ahmed@bigcapital.app +
+
+ + 131 Continental Dr Suite 305 Newark, +
+ Delaware 19713 +
+ United States +
+ +1 762-339-5634 +
+ ahmed@bigcapital.app +
+ Billed To
+ Bigcapital Technology, Inc.
+ 131 Continental Dr Suite 305 Newark, +
+ Delaware 19713 +
+ United States +
+ +1 762-339-5634 +
+ ahmed@bigcapital.app +
+ + Bigcapital Technology, Inc.
+ 131 Continental Dr Suite 305 Newark, +
+ Delaware 19713 +
+ United States +
+ +1 762-339-5634 +
+ ahmed@bigcapital.app +
| Item | +Description | +Rate | +Total | +
|---|---|---|---|
| Simply dummy text | +Simply dummy text of the printing and typesetting | +1 X $100,00 | +$100,00 | +
+
+
+
+
+
+
+ Sub Total
+ 630.00
+
+
+
+ Discount
+ 0.00
+
+
+
+ Sample Tax1 (4.70%)
+ 11.75
+
+
+
+ Sample Tax2 (7.00%)
+ 21.00
+
+
+
+ Total
+ $662.75
+
+
+
+ Payment Made
+ 100.00
+
+
+ Balance Due
+ $562.75
+
+
+
+ Terms & Conditions
+
+ It is a long established fact that a reader will be distracted by the
+ readable content of a page when looking at its layout.
+
+
+
+ Statement
+
+ It is a long established fact that a reader will be distracted by the
+ readable content of a page when looking at its layout.
+
+