diff --git a/package.json b/package.json index c5f4eadd9..c3167a0bd 100644 --- a/package.json +++ b/package.json @@ -65,6 +65,7 @@ "@lbry/components": "^2.7.2", "@reach/rect": "^0.2.1", "@reach/tabs": "^0.1.5", + "@reach/tooltip": "^0.2.1", "@types/three": "^0.93.1", "async-exit-hook": "^2.0.1", "babel-eslint": "^10.0.1", @@ -163,6 +164,7 @@ "redux-persist-transform-filter": "0.0.16", "redux-thunk": "^2.2.0", "remark": "^9.0.0", + "remark-attr": "^0.8.3", "remark-emoji": "^2.0.1", "remark-react": "^4.0.3", "render-media": "^3.1.0", @@ -170,11 +172,13 @@ "sass-loader": "^7.1.0", "semver": "^5.3.0", "stream-to-blob-url": "^2.1.1", + "strip-markdown": "^3.0.3", "style-loader": "^0.23.1", "terser-webpack-plugin": "^1.2.3", "three": "^0.93.0", "three-full": "^17.1.0", "tree-kill": "^1.1.0", + "unist-util-visit": "^1.4.1", "video.js": "^7.2.2", "villain": "btzr-io/Villain", "wavesurfer.js": "^2.2.1", diff --git a/src/ui/component/button/view.jsx b/src/ui/component/button/view.jsx index 0949ecdfb..61042f4cc 100644 --- a/src/ui/component/button/view.jsx +++ b/src/ui/component/button/view.jsx @@ -7,7 +7,7 @@ import { formatLbryUriForWeb } from 'util/uri'; import { OutboundLink } from 'react-ga'; type Props = { - onClick: ?(any) => any, + id: ?string, href: ?string, title: ?string, label: ?string, @@ -24,6 +24,11 @@ type Props = { iconSize?: number, constrict: ?boolean, // to shorten the button and ellipsis, only use for links activeClass?: string, + innerRef: ?any, + // Events + onClick: ?(any) => any, + onMouseEnter: ?(any) => any, + onMouseLeave: ?(any) => any, }; class Button extends React.PureComponent { @@ -33,7 +38,11 @@ class Button extends React.PureComponent { render() { const { + id, onClick, + onMouseEnter, + onMouseLeave, + innerRef, href, title, label, @@ -102,6 +111,7 @@ class Button extends React.PureComponent { return path ? ( { onClick(); } }} + onMouseEnter={onMouseEnter} + onMouseLeave={onMouseLeave} className={combinedClassName} activeClassName={activeClass} + innerRef={innerRef} > {content} ) : (