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

Refactor MenuControls as a functional component

Browse Source 
* Fix lint errors
This commit is contained in:
Marliana Lara
2019-07-26 13:02:57 -04:00
parent 2aa38e84dd
commit 74ef0e7abf
2 changed files with 26 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
awx/ui_next/src/screens/Job/JobOutput/JobOutput.jsx
View File

@@ -164,7 +164,7 @@ class JobOutput extends Component {
loadMoreRows({ startIndex, stopIndex }) { loadMoreRows({ startIndex, stopIndex }) {
if (startIndex === 0 && stopIndex === 0) { if (startIndex === 0 && stopIndex === 0) {
return; return Promise.resolve(null);
} }
const { job } = this.props; const { job } = this.props;

59
awx/ui_next/src/screens/Job/JobOutput/shared/MenuControls.jsx
View File

@@ -1,4 +1,4 @@
import React, { Component } from 'react'; import React from 'react';
import { Button as PFButton } from '@patternfly/react-core'; import { Button as PFButton } from '@patternfly/react-core';
import { import {
PlusIcon, PlusIcon,
@@ -22,38 +22,29 @@ const Button = styled(PFButton)`
} }
`; `;
class MenuControls extends Component { const MenuControls = ({
constructor(props) { onScrollTop,
super(props); onScrollBottom,
} onScrollNext,
onScrollPrevious,
render() { }) => (
const { <Wrapper>
onScrollTop, <Button variant="plain">
onScrollBottom, <PlusIcon />
onScrollNext, </Button>
onScrollPrevious, <Button onClick={onScrollPrevious} variant="plain">
} = this.props; <AngleUpIcon />
return ( </Button>
<Wrapper> <Button onClick={onScrollNext} variant="plain">
<Button variant="plain"> <AngleDownIcon />
<PlusIcon /> </Button>
</Button> <Button onClick={onScrollTop} variant="plain">
<Button onClick={onScrollPrevious} variant="plain"> <AngleDoubleUpIcon />
<AngleUpIcon /> </Button>
</Button> <Button onClick={onScrollBottom} variant="plain">
<Button onClick={onScrollNext} variant="plain"> <AngleDoubleDownIcon />
<AngleDownIcon /> </Button>
</Button> </Wrapper>
<Button onClick={onScrollTop} variant="plain"> );
<AngleDoubleUpIcon />
</Button>
<Button onClick={onScrollBottom} variant="plain">
<AngleDoubleDownIcon />
</Button>
</Wrapper>
);
}
}
export default MenuControls; export default MenuControls;