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

Added label component for pillar and added word wrap

This commit is contained in:
Shay Nehmad 2019-08-05 15:23:52 +03:00
parent 50e020403b
commit 1b958ed300
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
monkey/monkey_island/cc/ui/src/components/report-components/zerotrust/ZeroTrustReportFindingsTable.js
View File

@ -1,16 +1,25 @@
import React, {Component} from "react"; import React, {Component} from "react";
import ReactTable from "react-table"; import ReactTable from "react-table";
import ZeroTrustPillars from "./ZeroTrustPillars";
class PillarLabel extends Component {
render() {
return <span className="label label-primary" style={{margin: '2px'}}>{this.props.pillar}</span>
}
}
const columns = [ const columns = [
{ {
Header: 'Findings', Header: 'Findings',
columns: [ columns: [
{ Header: 'Test', accessor: 'test'}, { Header: 'Test', accessor: 'test',
style: {'white-space': 'unset'} // This enables word wrap
},
{ Header: 'Pillars', id: "pillars", { Header: 'Pillars', id: "pillars",
accessor: x => { accessor: x => {
const pillars = x.pillars; const pillars = x.pillars;
const listItems = pillars.map((pillar) => const listItems = pillars.map((pillar) =>
<li key={pillar}><span className="label label-warning" style={{margin: '2px'}}>{pillar}</span></li> <li key={pillar}><PillarLabel pillar={pillar}/></li>
); );
return <ul>{listItems}</ul> return <ul>{listItems}</ul>
} }