mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-24 11:01:41 +01:00
78bce55858
* Use tooltip for display of helper text in wallet views copy to clipboard feature. * Use react-tippy in wallet-view.js; center arrow tooltip throughout tooltip text change. * Remove unnecessary tabIndex attribute from wallet view address element.
32 lines
668 B
JavaScript
32 lines
668 B
JavaScript
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 } = props
|
|
|
|
return h('div', {
|
|
className: wrapperClassName,
|
|
}, [
|
|
|
|
h(ReactTippy, {
|
|
title,
|
|
position: position || 'left',
|
|
trigger: 'mouseenter',
|
|
hideOnClick: false,
|
|
size: 'small',
|
|
arrow: true,
|
|
}, children),
|
|
|
|
])
|
|
}
|