fix: ability option key.

src/common/abilityOption.js

@@ -46,7 +46,7 @@ export const SaleInvoiceAction = {
   Create: 'Create',
   Edit: 'Edit',
   Delete: 'Delete',
-  Writeoff: 'Writeoff',
+  Writeoff: 'bad-debt',
   NotifyBySms: 'NotifyBySms',
 };
 

src/containers/Drawers/EstimateDetailDrawer/EstimateDetailActionsBar.js

@@ -90,11 +90,13 @@ function EstimateDetailActionsBar({
           />
           <NavbarDivider />
         </Can>
-        <MoreMenuItems
+        <Can I={SaleEstimateAction.NotifyBySms} a={AbilitySubject.Estimate}>
-          payload={{
+          <MoreMenuItems
-            onNotifyViaSMS: handleNotifyViaSMS,
+            payload={{
-          }}
+              onNotifyViaSMS: handleNotifyViaSMS,
-        />
+            }}
+          />
+        </Can>
       </NavbarGroup>
     </DashboardActionsBar>
   );

src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.js

@@ -120,9 +120,9 @@ function InvoiceDetailActionsBar({
             intent={Intent.DANGER}
             onClick={handleDeleteInvoice}
           />
-          <NavbarDivider />
         </Can>
         <Can I={SaleInvoiceAction.Writeoff} a={AbilitySubject.Invoice}>
+          <NavbarDivider />
           <BadDebtMenuItem
             payload={{
               onBadDebt: handleBadDebtInvoice,

src/containers/Drawers/InvoiceDetailDrawer/utils.js

@@ -8,7 +8,11 @@ import {
   MenuItem,
   Menu,
 } from '@blueprintjs/core';
-import { Icon, FormattedMessage as T, Choose } from 'components';
+import { Icon, FormattedMessage as T, Choose, Can } from 'components';
+import {
+  SaleInvoiceAction,
+  AbilitySubject,
+} from '../../../common/abilityOption';
 import { FormatNumberCell } from '../../../components';
 import { useInvoiceDetailDrawerContext } from './InvoiceDetailDrawerProvider';
 
@@ -88,10 +92,12 @@ export const BadDebtMenuItem = ({
               />
             </Choose.When>
           </Choose>
-          <MenuItem
+          <Can I={SaleInvoiceAction.NotifyBySms} a={AbilitySubject.Invoice}>
-            onClick={onNotifyViaSMS}
+            <MenuItem
-            text={<T id={'notify_via_sms.dialog.notify_via_sms'} />}
+              onClick={onNotifyViaSMS}
-          />
+              text={<T id={'notify_via_sms.dialog.notify_via_sms'} />}
+            />
+          </Can>
         </Menu>
       }
     >

src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveActionsBar.js

@@ -80,11 +80,13 @@ function PaymentReceiveActionsBar({
           />
           <NavbarDivider />
         </Can>
-        <MoreMenuItems
+        <Can I={PaymentReceiveAction.NotifyBySms} a={AbilitySubject.PaymentReceive}>
-          payload={{
+          <MoreMenuItems
-            onNotifyViaSMS: handleNotifyViaSMS,
+            payload={{
-          }}
+              onNotifyViaSMS: handleNotifyViaSMS,
-        />
+            }}
+          />
+        </Can>
       </NavbarGroup>
     </DashboardActionsBar>
   );

src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailActionBar.js

@@ -85,11 +85,13 @@ function ReceiptDetailActionBar({
           />
           <NavbarDivider />
         </Can>
-        <MoreMenuItems
+        <Can I={SaleReceiptAction.NotifyBySms} a={AbilitySubject.Receipt}>
-          payload={{
+          <MoreMenuItems
-            onNotifyViaSMS: handleNotifyViaSMS,
+            payload={{
-          }}
+              onNotifyViaSMS: handleNotifyViaSMS,
-        />
+            }}
+          />
+        </Can>
       </NavbarGroup>
     </DashboardActionsBar>
   );