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

Conditionally render rather than show expand/collapse

Browse Source
This commit is contained in:
mabashian
2018-12-17 11:28:34 -05:00
parent 4a8791693f
commit 14f1c4b652
2 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -86,7 +86,7 @@ class DataListToolbar extends React.Component {
sortedColumnKey,
sortOrder,
addUrl,
hideExpandCollapse
showExpandCollapse
} = this.props;
const {
// isActionDropdownOpen,
@@ -203,18 +203,20 @@ class DataListToolbar extends React.Component {
</Button>
</ToolbarItem>
</ToolbarGroup>
<ToolbarGroup className={hideExpandCollapse ? 'pf-u-display-none' : null}>
<ToolbarItem>
<Button variant="plain" aria-label={i18n._(t`Expand`)}>
<BarsIcon />
</Button>
</ToolbarItem>
<ToolbarItem>
<Button variant="plain" aria-label={i18n._(t`Collapse`)}>
<EqualsIcon />
</Button>
</ToolbarItem>
</ToolbarGroup>
{ showExpandCollapse && (
<ToolbarGroup>
<ToolbarItem>
<Button variant="plain" aria-label={i18n._(t`Expand`)}>
<BarsIcon />
</Button>
</ToolbarItem>
<ToolbarItem>
<Button variant="plain" aria-label={i18n._(t`Collapse`)}>
<EqualsIcon />
</Button>
</ToolbarItem>
</ToolbarGroup>
)}
</Toolbar>
</LevelItem>
<LevelItem>