feat: add notify via SMS.

src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailActionsBar.js

@@ -76,6 +76,10 @@ function InvoiceDetailActionsBar({
   const handleBadDebtInvoice = () => {
     openDialog('write-off-bad-debt', { invoiceId });
   };
+  // Handle notify via SMS.
+  const handleNotifyViaSMS = () => {
+    openDialog('notify-via-sms', {});
+  };
 
   // Handle cancele write-off invoice.
   const handleCancelBadDebtInvoice = () => {
@@ -117,8 +121,11 @@ function InvoiceDetailActionsBar({
         <NavbarDivider />
         <BadDebtMenuItem
           invoice={invoice}
-          onAlert={handleCancelBadDebtInvoice}
-          onDialog={handleBadDebtInvoice}
+          payload={{
+            onBadDebt: handleBadDebtInvoice,
+            onCancelBadDebt: handleCancelBadDebtInvoice,
+            onNotifyViaSMS: handleNotifyViaSMS,
+          }}
         />
       </NavbarGroup>
     </DashboardActionsBar>

src/containers/Drawers/InvoiceDetailDrawer/utils.js

@@ -58,7 +58,10 @@ export const useInvoiceReadonlyEntriesColumns = () =>
     [],
   );
 
-export const BadDebtMenuItem = ({ invoice, onDialog, onAlert }) => {
+export const BadDebtMenuItem = ({
+  invoice,
+  payload: { onCancelBadDebt, onBadDebt, onNotifyViaSMS },
+}) => {
   return (
     <Popover
       minimal={true}
@@ -73,16 +76,20 @@ export const BadDebtMenuItem = ({ invoice, onDialog, onAlert }) => {
             <Choose.When condition={!invoice.is_writtenoff}>
               <MenuItem
                 text={<T id={'bad_debt.dialog.bad_debt'} />}
-                onClick={onDialog}
+                onClick={onBadDebt}
               />
             </Choose.When>
             <Choose.When condition={invoice.is_writtenoff}>
               <MenuItem
-                onClick={onAlert}
+                onClick={onCancelBadDebt}
                 text={<T id={'bad_debt.dialog.cancel_bad_debt'} />}
               />
             </Choose.When>
           </Choose>
+          <MenuItem
+            onClick={onNotifyViaSMS}
+            text={<T id={'notify_via_sms.dialog.notify_via_sms'} />}
+          />
         </Menu>
       }
     >