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'),