Make delay adjustable

src/components/Tooltip/index.js

@@ -31,13 +31,13 @@ const Tooltip = ({
     content,
     readMoreLink,
     children,
-    delayed,
+    enterDelayMs,
 }) => (
     <Wrapper className={className}>
         <RcTooltip
             arrowContent={<div className="rc-tooltip-arrow-inner" />}
             placement={placement}
-            mouseEnterDelay={delayed ? 1.5 : 0}
+            mouseEnterDelay={enterDelayMs || 0}
             overlay={() => (
                 <ContentWrapper>
                     <Content maxWidth={maxWidth}>{content}</Content>
@@ -67,7 +67,7 @@ Tooltip.propTypes = {
         PropTypes.string,
     ]),
     readMoreLink: PropTypes.string,
-    delayed: PropTypes.bool,
+    enterDelayMs: PropTypes.bool,
 };
 
 export default Tooltip;

src/views/Wallet/components/LeftNavigation/index.js

@@ -240,7 +240,7 @@ class LeftNavigation extends React.PureComponent<Props, State> {
                                     content={walletTooltipMsg}
                                     maxWidth={200}
                                     placement="bottom"
-                                    delayed
+                                    enterDelayMs={0.5}
                                 >
                                     <WalletTypeIconWrapper>
                                         <WalletTypeIcon
@@ -263,7 +263,7 @@ class LeftNavigation extends React.PureComponent<Props, State> {
                                     content="Number of devices"
                                     maxWidth={200}
                                     placement="bottom"
-                                    delayed
+                                    enterDelayMs={0.5}
                                 >
                                     <Counter>{this.props.devices.length}</Counter>
                                 </Tooltip>