Convert Tooltip component to JSX (#7516)

ui/app/components/ui/tooltip.js

@@ -1,22 +1,24 @@
-const Component = require('react').Component
+import PropTypes from 'prop-types'
-const h = require('react-hyperscript')
+import React from 'react'
-const inherits = require('util').inherits
+import ReactTooltip from 'react-tooltip-component'
-const ReactTooltip = require('react-tooltip-component')
+
+function Tooltip ({ position, title, children }) {
+  return (
+    <ReactTooltip position={position} title={title} fixed>
+      {children}
+    </ReactTooltip>
+  )
+}
+
+Tooltip.defaultProps = {
+  position: 'left',
+  children: null,
+}
+
+Tooltip.propTypes = {
+  position: PropTypes.string,
+  title: PropTypes.string.isRequired,
+  children: PropTypes.node,
+}
 
 module.exports = Tooltip
-
-inherits(Tooltip, Component)
-function Tooltip () {
-  Component.call(this)
-}
-
-Tooltip.prototype.render = function () {
-  const props = this.props
-  const { position, title, children } = props
-
-  return h(ReactTooltip, {
-    position: position || 'left',
-    title,
-    fixed: true,
-  }, children)
-}