aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/tooltip-v2.js
blob: 05a5efc80e1a22a735a46fe312ba675269b1f5ef (plain) (blame)
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
const Component = require('react').Component
const h = require('react-hyperscript')
const inherits = require('util').inherits
const ReactTippy = require('react-tippy').Tooltip

module.exports = Tooltip

inherits(Tooltip, Component)
function Tooltip () {
  Component.call(this)
}

Tooltip.prototype.render = function () {
  const props = this.props
  const { position, title, children, wrapperClassName, containerClassName, onHidden } = props

  return h('div', {
      className: wrapperClassName,
    }, [

    h(ReactTippy, {
      title,
      position: position || 'left',
      trigger: 'mouseenter',
      hideOnClick: false,
      size: 'small',
      arrow: true,
      className: containerClassName,
      onHidden,
    }, children),

  ])
}