fix: localization.

src/containers/Alerts/Invoices/CancelBadDebtAlert.js

@@ -35,7 +35,7 @@ function CancelBadDebtAlert({
     cancelBadDebtMutate(invoiceId)
       .then(() => {
         AppToaster.show({
-          message: intl.get('badDebt_canceled_write_off_success_message'),
+          message: intl.get('bad_debt.cancel_alert.success_message'),
           intent: Intent.SUCCESS,
         });
       })
@@ -56,7 +56,7 @@ function CancelBadDebtAlert({
       loading={isLoading}
     >
       <p>
-        <T id={'badDebt_are_sure_to_write_off_this_invoice'} />
+        <T id={'bad_debt.cancel_alert.message'} />
       </p>
     </Alert>
   );

src/containers/Dialogs/BadDebtDialog/BadDebtForm.js

@@ -50,7 +50,7 @@ function BadDebtForm({
     // Handle request response success.
     const onSuccess = (response) => {
       AppToaster.show({
-        message: intl.get('badDebt_writte_off_success_message'),
+        message: intl.get('bad_debt.dialog.success_message'),
         intent: Intent.SUCCESS,
       });
       closeDialog(dialogName);

src/containers/Dialogs/BadDebtDialog/BadDebtFormFields.js

@@ -36,7 +36,7 @@ function BadDebtFormFields() {
     <div className={Classes.DIALOG_BODY}>
       <Callout intent={Intent.PRIMARY}>
         <p>
-          <T id={'badDebt_the_seller_can_charge_the_amount_of_an_invoice'} />
+          <T id={' bad_debt.dialog.header_note'} />
         </p>
       </Callout>
 
@@ -48,7 +48,7 @@ function BadDebtFormFields() {
           meta: { error, touched },
         }) => (
           <FormGroup
-            label={<T id={'badDebt.label_written_off_amount'} />}
+            label={<T id={'bad_debt.dialog.written_off_amount'} />}
             labelInfo={<FieldRequiredHint />}
             className={classNames('form-group--amount', CLASSES.FILL)}
             intent={inputIntent({ error, touched })}

src/containers/Dialogs/BadDebtDialog/index.js

@@ -14,7 +14,7 @@ function BadDebtDialog({ dialogName, payload: { invoiceId = null }, isOpen }) {
   return (
     <Dialog
       name={dialogName}
-      title={<T id={'badDebt.label'} />}
+      title={<T id={'bad_debt.dialog.bad_debt'} />}
       isOpen={isOpen}
       canEscapeJeyClose={true}
       autoFocus={true}

src/containers/Drawers/InvoiceDetailDrawer/utils.js

@@ -72,12 +72,15 @@ export const BadDebtMenuItem = ({ invoice, onDialog, onAlert }) => {
         <Menu>
           <Choose>
             <Choose.When condition={!invoice.is_writtenoff}>
-              <MenuItem text={<T id={'badDebt.label'} />} onClick={onDialog} />
+              <MenuItem
+                text={<T id={'bad_debt.dialog.bad_debt'} />}
+                onClick={onDialog}
+              />
             </Choose.When>
             <Choose.When condition={invoice.is_writtenoff}>
               <MenuItem
                 onClick={onAlert}
-                text={<T id={'badDebt.label_cancel_bad_debt'} />}
+                text={<T id={'bad_debt.dialog.cancel_bad_debt'} />}
               />
             </Choose.When>
           </Choose>