Richard Ramos cc0f503a2b Handling errors and UI reorganization / features
- UI shows error screen if contract doesn't exist or fails fetching data
- Menu shows selected state and icons can be specified
- Component created for card alerts
2018-08-22 19:18:07 -04:00

15 lines
531 B
JavaScript

class MenuItem extends React.Component {
render(){
let classNames = "list-group-item list-group-item-action d-flex align-items-center ";
let icon = "fe " + this.props.icon;
if(this.props.target == this.props.selectedTab){
classNames += "active";
}
return <a href="#" onClick={this.props.click} data-target={this.props.target} className={classNames}>
<span className="icon mr-3"><i className={icon}></i></span>{this.props.text}
</a>;
}
}