diff --git a/src/components/DataListToolbar/DataListToolbar.jsx b/src/components/DataListToolbar/DataListToolbar.jsx index 80b238be6e..e1d2ea6842 100644 --- a/src/components/DataListToolbar/DataListToolbar.jsx +++ b/src/components/DataListToolbar/DataListToolbar.jsx @@ -1,6 +1,6 @@ import React from 'react'; import { I18n } from '@lingui/react'; -import { Trans, t } from '@lingui/macro'; +import { t } from '@lingui/macro'; import { Button, Checkbox, @@ -115,11 +115,21 @@ class DataListToolbar extends React.Component { return icon; }; - const dropdownItems = columns.filter(({ key }) => key !== searchKey).map(({ key, name }) => ( - - { name } - - )); + const searchDropdownItems = columns + .filter(({ key }) => key !== searchKey) + .map(({ key, name }) => ( + + { name } + + )); + + const sortDropdownItems = columns + .filter(({ key, isSortable }) => isSortable && key !== sortedColumnKey) + .map(({ key, name }) => ( + + { name } + + )); return ( @@ -153,7 +163,7 @@ class DataListToolbar extends React.Component { { searchColumnName } )} - dropdownItems={dropdownItems} + dropdownItems={searchDropdownItems} /> )} - dropdownItems={dropdownItems} + dropdownItems={sortDropdownItems} />