[explore] show validation error on control panel header (#3453)

* [explore] show validation error on control panel header

* Linting
This commit is contained in:
Maxime Beauchemin
2017-09-12 09:06:29 -07:00
committed by GitHub
parent f3de758363
commit 3e9f797949
3 changed files with 51 additions and 37 deletions

View File

@@ -10,6 +10,7 @@ const propTypes = {
className: PropTypes.string,
onClick: PropTypes.func,
placement: PropTypes.string,
bsStyle: PropTypes.string,
};
const defaultProps = {
icon: 'info-circle',
@@ -18,14 +19,15 @@ const defaultProps = {
};
export default function InfoTooltipWithTrigger({
label, tooltip, icon, className, onClick, placement }) {
label, tooltip, icon, className, onClick, placement, bsStyle }) {
const iconClass = `fa fa-${icon} ${className} ${bsStyle ? 'text-' + bsStyle : ''}`;
return (
<OverlayTrigger
placement={placement}
overlay={<Tooltip id={`${slugify(label)}-tooltip`}>{tooltip}</Tooltip>}
>
<i
className={`fa fa-${icon} ${className}`}
className={iconClass}
onClick={onClick}
style={{ cursor: onClick ? 'pointer' : null }}
/>