fix(vendor): catch error message.

client/src/containers/Alerts/Vendors/VendorDeleteAlert.js

@@ -6,7 +6,7 @@ import {
 } from 'react-intl';
 import { Intent, Alert } from '@blueprintjs/core';
 import { AppToaster } from 'components';
-import { transformErrors } from 'containers/Customers/utils';
+import { transformErrors } from 'containers/Vendors/utils';
 import { useDeleteVendor } from 'hooks/query';
 
 import withAlertStoreConnect from 'containers/Alert/withAlertStoreConnect';
@@ -28,10 +28,7 @@ function VendorDeleteAlert({
   closeAlert,
 }) {
   const { formatMessage } = useIntl();
-  const {
+  const { mutateAsync: deleteVendorMutate, isLoading } = useDeleteVendor();
-    mutateAsync: deleteVendorMutate,
-    isLoading
-  } = useDeleteVendor();
 
   // Handle cancel delete the vendor.
   const handleCancelDeleteAlert = () => {
@@ -49,9 +46,15 @@ function VendorDeleteAlert({
           intent: Intent.SUCCESS,
         });
       })
-      .catch((errors) => {
+      .catch(
-        transformErrors(errors);
+        ({
-      })
+          response: {
+            data: { errors },
+          },
+        }) => {
+          transformErrors(errors);
+        },
+      )
       .finally(() => {
         closeAlert(name);
       });

client/src/containers/Vendors/utils.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Intent } from '@blueprintjs/core';
+import { AppToaster } from 'components';
+import { formatMessage } from 'services/intl';
+
+export const transformErrors = (errors) => {
+  if (errors.find((error) => error.type === 'VENDOR.HAS.ASSOCIATED.BILLS')) {
+    AppToaster.show({
+      message: formatMessage({
+        id: 'cannot_delete_vendor_that_has_associated_purchase_bills',
+      }),
+      intent: Intent.DANGER,
+    });
+  }
+};

client/src/lang/en/index.js

@@ -1020,4 +1020,5 @@ export default {
   cannot_change_item_type_to_inventory_with_item_has_associated_transactions:
     'Cannot change item type to inventory with item has associated transactions.',
   work_phone: 'Work Phone',
+  cannot_delete_vendor_that_has_associated_purchase_bills:'Cannot delete vendor that has associated purchase bills.'
 };