diff --git a/client/src/containers/Purchases/Bills/BillsLanding/BillsTable.js b/client/src/containers/Purchases/Bills/BillsLanding/BillsTable.js
index 367d2f4ef..cbf514012 100644
--- a/client/src/containers/Purchases/Bills/BillsLanding/BillsTable.js
+++ b/client/src/containers/Purchases/Bills/BillsLanding/BillsTable.js
@@ -13,6 +13,7 @@ import withBills from './withBills';
import withBillActions from './withBillsActions';
import withSettings from 'containers/Settings/withSettings';
import withAlertsActions from 'containers/Alert/withAlertActions';
+import withDialogActions from 'containers/Dialog/withDialogActions';
import { useBillsTableColumns, ActionsMenu } from './components';
import { useBillsListContext } from './BillsListProvider';
@@ -28,6 +29,9 @@ function BillsDataTable({
// #withAlerts
openAlert,
+
+ // #withDialogActions
+ openDialog,
}) {
// Bills list context.
const {
@@ -69,6 +73,11 @@ function BillsDataTable({
openAlert('bill-open', { billId: bill.id });
};
+ // Handle quick payment made action.
+ const handleQuickPaymentMade = ({ id }) => {
+ openDialog('quick-payment-made', { billId: id });
+ };
+
if (isEmptyStatus) {
return ;
}
@@ -95,6 +104,7 @@ function BillsDataTable({
onDelete: handleDeleteBill,
onEdit: handleEditBill,
onOpen: handleOpenBill,
+ onQuick: handleQuickPaymentMade,
}}
/>
);
@@ -104,6 +114,7 @@ export default compose(
withBills(({ billsTableState }) => ({ billsTableState })),
withBillActions,
withAlertsActions,
+ withDialogActions,
withSettings(({ organizationSettings }) => ({
baseCurrency: organizationSettings?.baseCurrency,
})),
diff --git a/client/src/containers/Purchases/Bills/BillsLanding/components.js b/client/src/containers/Purchases/Bills/BillsLanding/components.js
index 31ca5750c..8b51e6550 100644
--- a/client/src/containers/Purchases/Bills/BillsLanding/components.js
+++ b/client/src/containers/Purchases/Bills/BillsLanding/components.js
@@ -18,7 +18,7 @@ import moment from 'moment';
* Actions menu.
*/
export function ActionsMenu({
- payload: { onEdit, onOpen, onDelete },
+ payload: { onEdit, onOpen, onDelete, onQuick },
row: { original },
}) {
const { formatMessage } = useIntl();
@@ -43,6 +43,13 @@ export function ActionsMenu({
onClick={safeCallback(onOpen, original)}
/>
+
+ }
+ text={formatMessage({ id: 'add_payment' })}
+ onClick={safeCallback(onQuick, original)}
+ />
+