diff --git a/src/containers/Customers/CustomersLanding/components.js b/src/containers/Customers/CustomersLanding/components.js index 2eacc0103..a7ccde37f 100644 --- a/src/containers/Customers/CustomersLanding/components.js +++ b/src/containers/Customers/CustomersLanding/components.js @@ -1,5 +1,13 @@ import React, { useMemo } from 'react'; -import { Menu, MenuItem, MenuDivider, Intent } from '@blueprintjs/core'; +import { + Menu, + MenuItem, + MenuDivider, + Intent, + Tooltip, + Position, + Classes, +} from '@blueprintjs/core'; import clsx from 'classnames'; import intl from 'react-intl-universal'; @@ -79,7 +87,7 @@ export function ActionsMenu({ * Phone number accessor. */ export function PhoneNumberAccessor(row) { - return
{row.work_phone}
; + return
{row.personal_phone}
; } /** @@ -89,6 +97,24 @@ export function BalanceAccessor(row) { return ; } +/** + * Note column accessor. + */ +export function NoteAccessor(row) { + return ( + + + + + + ); +} + /** * Retrieve customers table columns. */ @@ -123,12 +149,20 @@ export function useCustomersTableColumns() { }, { id: 'work_phone', - Header: intl.get('work_phone'), + Header: intl.get('phone_number'), accessor: PhoneNumberAccessor, className: 'phone_number', 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'), diff --git a/src/containers/Vendors/VendorForm/VendorFormAfterPrimarySection.js b/src/containers/Vendors/VendorForm/VendorFormAfterPrimarySection.js index 52f67d598..7f9e34169 100644 --- a/src/containers/Vendors/VendorForm/VendorFormAfterPrimarySection.js +++ b/src/containers/Vendors/VendorForm/VendorFormAfterPrimarySection.js @@ -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'), diff --git a/src/lang/ar/index.json b/src/lang/ar/index.json index 0d7349bc4..1ce6afab7 100644 --- a/src/lang/ar/index.json +++ b/src/lang/ar/index.json @@ -78,7 +78,7 @@ "new": "جديد", "invite_user": "دعوة مستخدم", "your_access_to_your_team": "سيتلقى زميلك في الفريق رسالة بريد إلكتروني تتيح له الوصول إلى فريقك.", - "invite": "التصنيف", + "invite": "دعوة", "count": "العدد", "item_type": "نوع المنتج", "item_name": "اسم المنتج",