diff --git a/src/containers/Vendors/VendorForm/VendorFormAfterPrimarySection.js b/src/containers/Vendors/VendorForm/VendorFormAfterPrimarySection.js
index 52f67d598..1f8202c48 100644
--- a/src/containers/Vendors/VendorForm/VendorFormAfterPrimarySection.js
+++ b/src/containers/Vendors/VendorForm/VendorFormAfterPrimarySection.js
@@ -39,7 +39,7 @@ function VendorFormAfterPrimarySection() {
{({ field, meta: { error, touched } }) => (
)}
@@ -48,7 +48,7 @@ function VendorFormAfterPrimarySection() {
{({ field, meta: { error, touched } }) => (
)}
diff --git a/src/containers/Vendors/VendorsLanding/components.js b/src/containers/Vendors/VendorsLanding/components.js
index 19c0cf8b8..a804dd364 100644
--- a/src/containers/Vendors/VendorsLanding/components.js
+++ b/src/containers/Vendors/VendorsLanding/components.js
@@ -6,7 +6,9 @@ import {
MenuItem,
MenuDivider,
Position,
+ Tooltip,
Intent,
+ Classes,
} from '@blueprintjs/core';
import intl from 'react-intl-universal';
@@ -114,6 +116,24 @@ export function BalanceAccessor({ closing_balance, currency_code }) {
return ;
}
+/**
+ * Note column accessor.
+ */
+export function NoteAccessor(row) {
+ return (
+
+
+
+
+
+ );
+}
+
/**
* Retrieve the vendors table columns.
*/
@@ -148,12 +168,20 @@ export function useVendorsTableColumns() {
},
{
id: 'work_phone',
- Header: intl.get('work_phone'),
+ Header: intl.get('phone_number'),
accessor: PhoneNumberAccessor,
className: 'work_phone',
width: 100,
clickable: true,
},
+ {
+ id: 'note',
+ Header: intl.get('note'),
+ accessor: NoteAccessor,
+ disableSortBy: true,
+ width: 85,
+ clickable: true,
+ },
{
id: 'balance',
Header: intl.get('receivable_balance'),