All files / javascripts/SqlLab/components Link.jsx

91.67% Statements 11/12
50% Branches 1/2
50% Functions 1/2
91.67% Lines 11/12
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 591x 1x   1x                 1x     1x                   20x         20x                 20x 20x                           1x 1x      
import React from 'react';
import { OverlayTrigger, Tooltip } from 'react-bootstrap';
 
const propTypes = {
  children: React.PropTypes.node,
  className: React.PropTypes.string,
  href: React.PropTypes.string,
  onClick: React.PropTypes.func,
  placement: React.PropTypes.string,
  style: React.PropTypes.object,
  tooltip: React.PropTypes.string,
};
const defaultProps = {
  className: '',
  href: '#',
  onClick: () => {},
  placement: 'top',
  style: {},
  tooltip: null,
};
 
 
class Link extends React.PureComponent {
  render() {
    let tooltip = (
      <Tooltip id="tooltip">
        {this.props.tooltip}
      </Tooltip>
    );
    const link = (
      <a
        href={this.props.href}
        onClick={this.props.onClick}
        style={this.props.style}
        className={'Link ' + this.props.className}
      >
          {this.props.children}
      </a>
    );
    Eif (this.props.tooltip) {
      return (
        <OverlayTrigger
          overlay={tooltip}
          placement={this.props.placement}
          delayShow={300}
          delayHide={150}
        >
          {link}
        </OverlayTrigger>
      );
    }
    return link;
  }
}
Link.propTypes = propTypes;
Link.defaultProps = defaultProps;
 
export default Link;