feat(webapp): wip printing financial reports

packages/webapp/src/containers/FinancialStatements/PurchasesByItems/PurchasesByItemsActionsBar.tsx

@@ -16,9 +16,11 @@ import NumberFormatDropdown from '@/components/NumberFormatDropdown';
 
 import withPurchasesByItems from './withPurchasesByItems';
 import withPurchasesByItemsActions from './withPurchasesByItemsActions';
+import withDialogActions from '@/containers/Dialog/withDialogActions';
 import { compose, saveInvoke } from '@/utils';
 import { usePurchaseByItemsContext } from './PurchasesByItemsProvider';
 import { PurchasesByItemsExportMenu } from './components';
+import { DialogsName } from '@/constants/dialogs';
 
 function PurchasesByItemsActionsBar({
   // #withPurchasesByItems
@@ -27,6 +29,9 @@ function PurchasesByItemsActionsBar({
   // #withPurchasesByItemsActions
   togglePurchasesByItemsFilterDrawer,
 
+  // #withDialogActions
+  openDialog,
+
   // #ownProps
   numberFormat,
   onNumberFormatSubmit,
@@ -48,6 +53,11 @@ function PurchasesByItemsActionsBar({
     saveInvoke(onNumberFormatSubmit, values);
   };
 
+  // Handle print button click.
+  const handlePrintBtnClick = () => {
+    openDialog(DialogsName.PurchasesByItemsPdfPreview);
+  };
+
   return (
     <DashboardActionsBar>
       <NavbarGroup>
@@ -106,6 +116,7 @@ function PurchasesByItemsActionsBar({
           className={Classes.MINIMAL}
           icon={<Icon icon="print-16" iconSize={16} />}
           text={<T id={'print'} />}
+          onClick={handlePrintBtnClick}
         />
         <Popover
           content={<PurchasesByItemsExportMenu />}
@@ -129,4 +140,5 @@ export default compose(
     purchasesByItemsDrawerFilter,
   })),
   withPurchasesByItemsActions,
+  withDialogActions,
 )(PurchasesByItemsActionsBar);