Added icons to pillar labels

This commit is contained in:
Shay Nehmad 2019-08-08 18:15:15 +03:00
parent a074d8e4a1
commit 96eb705b9c
1 changed files with 11 additions and 1 deletions

View File

@ -15,7 +15,17 @@ export class PillarLabel extends Component {
"Automation & Orchestration": "label-zt-automation",
};
const pillarToIcon = {
"Data": "fa fa-database",
"People": "fa fa-user",
"Networks": "fa fa-tty",
"Workloads": "fa fa-cloud",
"Devices": "fa fa-laptop",
"Visibility & Analytics": "fa fa-eye-slash",
"Automation & Orchestration": "fa fa-cogs",
};
const className = "label " + pillarToColor[this.props.pillar];
return <span className={className} style={{margin: '2px'}}>{this.props.pillar}</span>
return <span className={className} style={{margin: '2px'}}><i className={pillarToIcon[this.props.pillar]}/> {this.props.pillar}</span>
}
}