From 3a8e1f523851ec3ec38582b54ef259dbee7e0705 Mon Sep 17 00:00:00 2001
From: elforjani13 <39470382+elforjani13@users.noreply.github.com>
Date: Tue, 23 Nov 2021 20:15:29 +0200
Subject: [PATCH] feat: add payment receive ability.

---
 .../InvoiceDetailActionsBar.js                |  4 +-
 .../PaymentReceiveActionsBar.js               | 37 +++++++++++--------
 .../Invoices/InvoicesLanding/components.js    |  4 +-
 .../PaymentReceiveActionsBar.js               | 21 +++++++----
 .../PaymentsLanding/components.js             | 35 +++++++++++-------
 5 files changed, 59 insertions(+), 42 deletions(-)

diff --git a/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.js b/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.js
index 24052211c..1218a1cbb 100644
--- a/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.js
+++ b/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.js
@@ -19,7 +19,7 @@ import withDrawerActions from 'containers/Drawer/withDrawerActions';
 import { If, Can, Icon, FormattedMessage as T } from 'components';
 import {
   Invoice_Abilities,
-  PaymentReceive,
+  Payment_Receive_Abilities,
   AbilitySubject,
 } from '../../../common/abilityOption';
 
@@ -93,7 +93,7 @@ function InvoiceDetailActionsBar({
 
           <NavbarDivider />
         </Can>
-        <Can I={PaymentReceive.Create} a={AbilitySubject.PaymentReceive}>
+        <Can I={Payment_Receive_Abilities.Create} a={AbilitySubject.PaymentReceive}>
           <If condition={invoice.is_delivered && !invoice.is_fully_paid}>
             <Button
               className={Classes.MINIMAL}
diff --git a/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveActionsBar.js b/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveActionsBar.js
index 94bb19c65..06a68216e 100644
--- a/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveActionsBar.js
+++ b/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveActionsBar.js
@@ -16,7 +16,8 @@ import withDialogActions from 'containers/Dialog/withDialogActions';
 import withAlertsActions from 'containers/Alert/withAlertActions';
 import withDrawerActions from 'containers/Drawer/withDrawerActions';
 
-import { Icon, FormattedMessage as T, MoreMenuItems } from 'components';
+import { Can, Icon, FormattedMessage as T, MoreMenuItems } from 'components';
+import { Payment_Receive_Abilities, AbilitySubject } from '../../../common/abilityOption';
 
 import { compose } from 'utils';
 
@@ -57,21 +58,25 @@ function PaymentReceiveActionsBar({
   return (
     <DashboardActionsBar>
       <NavbarGroup>
-        <Button
-          className={Classes.MINIMAL}
-          icon={<Icon icon="pen-18" />}
-          text={<T id={'edit_payment_receive'} />}
-          onClick={handleEditPaymentReceive}
-        />
-        <NavbarDivider />
-        <Button
-          className={Classes.MINIMAL}
-          icon={<Icon icon={'trash-16'} iconSize={16} />}
-          text={<T id={'delete'} />}
-          intent={Intent.DANGER}
-          onClick={handleDeletePaymentReceive}
-        />
-        <NavbarDivider />
+        <Can I={Payment_Receive_Abilities.Edit} a={AbilitySubject.PaymentReceive}>
+          <Button
+            className={Classes.MINIMAL}
+            icon={<Icon icon="pen-18" />}
+            text={<T id={'edit_payment_receive'} />}
+            onClick={handleEditPaymentReceive}
+          />
+          <NavbarDivider />
+        </Can>
+        <Can I={Payment_Receive_Abilities.Delete} a={AbilitySubject.PaymentReceive}>
+          <Button
+            className={Classes.MINIMAL}
+            icon={<Icon icon={'trash-16'} iconSize={16} />}
+            text={<T id={'delete'} />}
+            intent={Intent.DANGER}
+            onClick={handleDeletePaymentReceive}
+          />
+          <NavbarDivider />
+        </Can>
         <MoreMenuItems
           payload={{
             onNotifyViaSMS: handleNotifyViaSMS,
diff --git a/src/containers/Sales/Invoices/InvoicesLanding/components.js b/src/containers/Sales/Invoices/InvoicesLanding/components.js
index 8f3ba0879..126355429 100644
--- a/src/containers/Sales/Invoices/InvoicesLanding/components.js
+++ b/src/containers/Sales/Invoices/InvoicesLanding/components.js
@@ -23,7 +23,7 @@ import {
 import { formattedAmount, safeCallback, calculateStatus } from 'utils';
 import {
   Invoice_Abilities,
-  PaymentReceive,
+  Payment_Receive_Abilities,
   AbilitySubject,
 } from '../../../../common/abilityOption';
 
@@ -136,7 +136,7 @@ export function ActionsMenu({
           />
         </If>
       </Can>
-      <Can I={PaymentReceive.Create} a={AbilitySubject.PaymentReceive}>
+      <Can I={Payment_Receive_Abilities.Create} a={AbilitySubject.PaymentReceive}>
         <If condition={original.is_delivered && !original.is_fully_paid}>
           <MenuItem
             icon={<Icon icon="quick-payment-16" iconSize={16} />}
diff --git a/src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceiveActionsBar.js b/src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceiveActionsBar.js
index bb67f91a3..13b31fa98 100644
--- a/src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceiveActionsBar.js
+++ b/src/containers/Sales/PaymentReceives/PaymentsLanding/PaymentReceiveActionsBar.js
@@ -19,14 +19,17 @@ import {
 
 import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar';
 
-import { If, DashboardActionViewsList } from 'components';
+import { Can, If, DashboardActionViewsList } from 'components';
 
 import withPaymentReceivesActions from './withPaymentReceivesActions';
 import withPaymentReceives from './withPaymentReceives';
 
 import withSettingsActions from 'containers/Settings/withSettingsActions';
 import withSettings from 'containers/Settings/withSettings';
-
+import {
+  Payment_Receive_Abilities,
+  AbilitySubject,
+} from '../../../../common/abilityOption';
 import { compose } from 'utils';
 import { usePaymentReceivesListContext } from './PaymentReceiptsListProvider';
 import { useRefreshPaymentReceive } from 'hooks/query/paymentReceives';
@@ -85,12 +88,14 @@ function PaymentReceiveActionsBar({
           onChange={handleTabChange}
         />
         <NavbarDivider />
-        <Button
-          className={Classes.MINIMAL}
-          icon={<Icon icon={'plus'} />}
-          text={<T id={'new_payment_receive'} />}
-          onClick={handleClickNewPaymentReceive}
-        />
+        <Can I={Payment_Receive_Abilities.Create} a={AbilitySubject.PaymentReceive}>
+          <Button
+            className={Classes.MINIMAL}
+            icon={<Icon icon={'plus'} />}
+            text={<T id={'new_payment_receive'} />}
+            onClick={handleClickNewPaymentReceive}
+          />
+        </Can>
         <AdvancedFilterPopover
           advancedFilterProps={{
             conditions: paymentFilterConditions,
diff --git a/src/containers/Sales/PaymentReceives/PaymentsLanding/components.js b/src/containers/Sales/PaymentReceives/PaymentsLanding/components.js
index aa5d7c8cf..8faa17f3d 100644
--- a/src/containers/Sales/PaymentReceives/PaymentsLanding/components.js
+++ b/src/containers/Sales/PaymentReceives/PaymentsLanding/components.js
@@ -11,10 +11,13 @@ import {
 import intl from 'react-intl-universal';
 import clsx from 'classnames';
 
-import { FormatDateCell, Money, Icon } from 'components';
+import { FormatDateCell, Money, Icon, Can } from 'components';
 import { safeCallback } from 'utils';
 import { CLASSES } from '../../../../common/classes';
-
+import {
+  Payment_Receive_Abilities,
+  AbilitySubject,
+} from '../../../../common/abilityOption';
 /**
  * Table actions menu.
  */
@@ -29,18 +32,22 @@ export function ActionsMenu({
         text={intl.get('view_details')}
         onClick={safeCallback(onViewDetails, paymentReceive)}
       />
-      <MenuDivider />
-      <MenuItem
-        icon={<Icon icon="pen-18" />}
-        text={intl.get('edit_payment_receive')}
-        onClick={safeCallback(onEdit, paymentReceive)}
-      />
-      <MenuItem
-        text={intl.get('delete_payment_receive')}
-        intent={Intent.DANGER}
-        onClick={safeCallback(onDelete, paymentReceive)}
-        icon={<Icon icon="trash-16" iconSize={16} />}
-      />
+      <Can I={Payment_Receive_Abilities.Edit} a={AbilitySubject.PaymentReceive}>
+        <MenuDivider />
+        <MenuItem
+          icon={<Icon icon="pen-18" />}
+          text={intl.get('edit_payment_receive')}
+          onClick={safeCallback(onEdit, paymentReceive)}
+        />
+      </Can>
+      <Can I={Payment_Receive_Abilities.Delete} a={AbilitySubject.PaymentReceive}>
+        <MenuItem
+          text={intl.get('delete_payment_receive')}
+          intent={Intent.DANGER}
+          onClick={safeCallback(onDelete, paymentReceive)}
+          icon={<Icon icon="trash-16" iconSize={16} />}
+        />
+      </Can>
     </Menu>
   );
 }