p34709852
/
monkey
forked from p15670423/monkey
1
0
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

Refactored scoutsuite rule count badge readability.

This commit is contained in:
VakarisZ 2021-01-13 17:57:54 +02:00
parent b90f6587c1
commit 87dafeb440
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
monkey/monkey_island/cc/ui/src/components/report-components/zerotrust/scoutsuite/ScoutSuiteRuleButton.js
View File

@ -27,18 +27,27 @@ export default class ScoutSuiteRuleButton extends Component {
hideCallback={this.toggleModal} /> hideCallback={this.toggleModal} />
<div className="text-center" style={{'display': 'grid'}}> <div className="text-center" style={{'display': 'grid'}}>
<Button variant={'monkey-info'} size={'lg'} onClick={this.toggleModal}> <Button variant={'monkey-info'} size={'lg'} onClick={this.toggleModal}>
<FontAwesomeIcon icon={faList}/> ScoutSuite rules {this.createRuleCountBadge()} <FontAwesomeIcon icon={faList}/> ScoutSuite rules
&nbsp;<RuleCountBadge count={this.props.scoutsuite_rules.length}/>
</Button> </Button>
</div> </div>
</>); </>);
} }
createRuleCountBadge() { createRuleCountBadge() {
const ruleCount = this.props.scoutsuite_rules.length > 9 ? '9+' : this.props.scoutsuite_rules.length;
return <Badge variant={'monkey-info-light'}>{ruleCount}</Badge>;
} }
} }
function RuleCountBadge(props) {
const maxRuleCountToShow = 9;
const textForMoreThanMaxRuleCount = maxRuleCountToShow + '+';
const ruleCountText = props.count > maxRuleCountToShow ?
textForMoreThanMaxRuleCount : props.count;
return <Badge variant={'monkey-info-light'}>{ruleCountText}</Badge>;
}
ScoutSuiteRuleButton.propTypes = { ScoutSuiteRuleButton.propTypes = {
scoutsuite_rules: PropTypes.array, scoutsuite_rules: PropTypes.array,
scoutsuite_data: PropTypes.object scoutsuite_data: PropTypes.object