diff --git a/components/lib/api/Locale.js b/components/lib/api/Locale.js index f094b7b2b1..0ebf918275 100644 --- a/components/lib/api/Locale.js +++ b/components/lib/api/Locale.js @@ -9,6 +9,7 @@ let locales = { equals: 'Equals', notEquals: 'Not equals', noFilter: 'No Filter', + filter: 'Filter', lt: 'Less than', lte: 'Less than or equal to', gt: 'Greater than', diff --git a/components/lib/datatable/ColumnFilter.js b/components/lib/datatable/ColumnFilter.js index 7770f49c98..e7f56b02e9 100644 --- a/components/lib/datatable/ColumnFilter.js +++ b/components/lib/datatable/ColumnFilter.js @@ -368,6 +368,10 @@ export const ColumnFilter = React.memo((props) => { ]; }; + const filterLabel = () => { + return localeOption('filter'); + }; + const noFilterLabel = () => { return localeOption('noFilter'); }; @@ -450,12 +454,9 @@ export const ColumnFilter = React.memo((props) => { 'p-column-filter-menu-button-open': overlayVisibleState, 'p-column-filter-menu-button-active': hasFilter() }); + const label = filterLabel(); - return ( - - ); + return ; } return null; @@ -466,12 +467,9 @@ export const ColumnFilter = React.memo((props) => { const className = classNames('p-column-filter-clear-button p-link', { 'p-hidden-space': !hasRowFilter() }); + const clearLabel = clearButtonLabel(); - return ( - - ); + return ; } return null; diff --git a/components/lib/dropdown/Dropdown.js b/components/lib/dropdown/Dropdown.js index 63d76f7f8f..31e923d77a 100644 --- a/components/lib/dropdown/Dropdown.js +++ b/components/lib/dropdown/Dropdown.js @@ -696,7 +696,7 @@ export const Dropdown = React.memo( const iconClassName = classNames('p-dropdown-trigger-icon p-clickable', props.dropdownIcon); return ( -