External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-02-01 17:48:10 -03:30
Code Issues Packages Projects Releases Wiki Activity

Separates search dropdown items from sort dropdown items

Browse Source
This commit is contained in:
mabashian
2018-12-17 13:16:08 -05:00
parent 21cf1d85e3
commit 6ce88fdf4d
1 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/DataListToolbar/DataListToolbar.jsx
View File

@@ -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 }) => (
<DropdownItem key={key} component="button">
{ name }
</DropdownItem>
));
const searchDropdownItems = columns
.filter(({ key }) => key !== searchKey)
.map(({ key, name }) => (
<DropdownItem key={key} component="button">
{ name }
</DropdownItem>
));
const sortDropdownItems = columns
.filter(({ key, isSortable }) => isSortable && key !== sortedColumnKey)
.map(({ key, name }) => (
<DropdownItem key={key} component="button">
{ name }
</DropdownItem>
));
return (
<I18n>
@@ -153,7 +163,7 @@ class DataListToolbar extends React.Component {
{ searchColumnName }
</DropdownToggle>
)}
dropdownItems={dropdownItems}
dropdownItems={searchDropdownItems}
/>
<TextInput
type="search"
@@ -185,7 +195,7 @@ class DataListToolbar extends React.Component {
{ sortedColumnName }
</DropdownToggle>
)}
dropdownItems={dropdownItems}
dropdownItems={sortDropdownItems}
/>
</ToolbarItem>
<ToolbarItem>