[explore-v2] add fave star and edit button to chart header (#1623)

* add fave star to chart title

* add TooltipWrapper, and css for icons

* fix linting
This commit is contained in:
Alanna Scott
2016-11-17 10:53:44 -08:00
committed by GitHub
parent 267fd5b9bc
commit 506b781f3a
8 changed files with 139 additions and 0 deletions

View File

@@ -0,0 +1,28 @@
import React, { PropTypes } from 'react';
import { Tooltip, OverlayTrigger } from 'react-bootstrap';
import { slugify } from '../modules/utils';
const propTypes = {
label: PropTypes.string.isRequired,
tooltip: PropTypes.string.isRequired,
children: PropTypes.node.isRequired,
placement: PropTypes.string,
};
const defaultProps = {
placement: 'top',
};
export default function TooltipWrapper({ label, tooltip, children, placement }) {
return (
<OverlayTrigger
placement={placement}
overlay={<Tooltip id={`${slugify(label)}-tooltip`}>{tooltip}</Tooltip>}
>
{children}
</OverlayTrigger>
);
}
TooltipWrapper.propTypes = propTypes;
TooltipWrapper.defaultProps = defaultProps;