From daa43e7209b1453003017edca0d4178c6507be51 Mon Sep 17 00:00:00 2001
From: elforjani3 <elforjani3@gmail.com>
Date: Sun, 14 Mar 2021 15:40:04 +0200
Subject: [PATCH] feat(bill): add quick payment made.

---
 .../Purchases/Bills/BillsLanding/BillsTable.js        | 11 +++++++++++
 .../Purchases/Bills/BillsLanding/components.js        |  9 ++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

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 <BillsEmptyStatus />;
   }
@@ -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)}
         />
       </If>
+      <If condition={!original.is_fully_paid}>
+        <MenuItem
+          icon={<Icon icon="quick-payment-16" iconSize={16} />}
+          text={formatMessage({ id: 'add_payment' })}
+          onClick={safeCallback(onQuick, original)}
+        />
+      </If>
 
       <MenuItem
         text={formatMessage({ id: 'delete_bill' })}