apply tooltip to more dialogs and remove redundant imports

Author: shawnbusuttil

source/renderer/app/components/staking/widgets/PoolPopOver.tsx

@@ -1,7 +1,6 @@
 import React, { useRef, useState } from 'react';
 // @ts-ignore ts-migrate(2305) FIXME: Module '"react"' has no exported member 'Node'.
 import type { Node } from 'react';
-import { PopOver } from 'react-polymorph/lib/components/PopOver';
 import { STAKE_POOL_TOOLTIP_HOVER_WAIT } from '../../../config/timingConfig';
 import StakePool from '../../../domains/StakePool';
 import TooltipPool from './TooltipPool';

source/renderer/app/components/wallet/WalletCreateDialog.tsx

@@ -6,7 +6,6 @@ import { Input } from 'react-polymorph/lib/components/Input';
 import { InputSkin } from 'react-polymorph/lib/skins/simple/InputSkin';
 import { defineMessages, intlShape, FormattedHTMLMessage } from 'react-intl';
 import vjf from 'mobx-react-form/lib/validators/VJF';
-import { PopOver } from 'react-polymorph/lib/components/PopOver';
 import SVGInline from 'react-svg-inline';
 import ReactToolboxMobxForm, {
   handleFormErrors,

source/renderer/app/components/wallet/WalletRestoreDialog.tsx

@@ -7,7 +7,6 @@ import { Input } from 'react-polymorph/lib/components/Input';
 import { defineMessages, intlShape, FormattedHTMLMessage } from 'react-intl';
 import vjf from 'mobx-react-form/lib/validators/VJF';
 import SVGInline from 'react-svg-inline';
-import { PopOver } from 'react-polymorph/lib/components/PopOver';
 import { PasswordInput } from '../widgets/forms/PasswordInput';
 import RadioSet from '../widgets/RadioSet';
 import ReactToolboxMobxForm, {

source/renderer/app/components/wallet/send-form/WalletSendAssetsConfirmationDialog.tsx

@@ -4,7 +4,6 @@ import { Input } from 'react-polymorph/lib/components/Input';
 import { InputSkin } from 'react-polymorph/lib/skins/simple/InputSkin';
 import { Checkbox } from 'react-polymorph/lib/components/Checkbox';
 import { CheckboxSkin } from 'react-polymorph/lib/skins/simple/CheckboxSkin';
-import { PopOver } from 'react-polymorph/lib/components/PopOver';
 import { get } from 'lodash';
 import BigNumber from 'bignumber.js';
 import SVGInline from 'react-svg-inline';

source/renderer/app/components/wallet/settings/ChangeSpendingPasswordDialog.tsx

@@ -21,6 +21,7 @@ import { FORM_VALIDATION_DEBOUNCE_WAIT } from '../../../config/timingConfig';
 import { submitOnEnter } from '../../../utils/form';
 // @ts-ignore ts-migrate(2307) FIXME: Cannot find module '../../../assets/images/info-ic... Remove this comment to see the full error message
 import infoIconInline from '../../../assets/images/info-icon.inline.svg';
+import TopLevelPopOver from '../../widgets/TopLevelPopOver';
 
 const messages = defineMessages({
   dialogTitleSetPassword: {
@@ -290,12 +291,12 @@ class ChangeSpendingPasswordDialog extends Component<Props> {
                 {...currentPasswordField.bind()}
                 onKeyPress={this.handleSubmitOnEnter}
               />
-              <PopOver
+              <TopLevelPopOver
                 content={<FormattedHTMLMessage {...messages.passwordTooltip} />}
                 key="tooltip"
               >
                 <SVGInline svg={infoIconInline} className={styles.infoIcon} />
-              </PopOver>
+              </TopLevelPopOver>
             </div>
           )}
 

source/renderer/app/components/wallet/wallet-import/WalletSelectImportDialog.tsx

@@ -8,7 +8,6 @@ import {
 import { observer } from 'mobx-react';
 import { ButtonSkin } from 'react-polymorph/lib/skins/simple/ButtonSkin';
 import { Button } from 'react-polymorph/lib/components/Button';
-import { PopOver } from 'react-polymorph/lib/components/PopOver';
 import { CheckboxSkin } from 'react-polymorph/lib/skins/simple/CheckboxSkin';
 import { Checkbox } from 'react-polymorph/lib/components/Checkbox';
 import { Link } from 'react-polymorph/lib/components/Link';
@@ -217,7 +216,7 @@ class WalletSelectImportDialog extends Component<Props> {
 
       if (disabled) {
         statusIcon = (
-          <PopOver
+          <TopLevelPopOver
             content={
               invalidWalletName ? (
                 this.context.intl.formatMessage(messages.enterWalletNameTooltip)
@@ -234,7 +233,7 @@ class WalletSelectImportDialog extends Component<Props> {
             placement={isOpeningUpward ? 'top' : 'bottom'}
           >
             {statusIcon}
-          </PopOver>
+          </TopLevelPopOver>
         );
       }
     } else if (wallet.import.status === WalletImportStatuses.RUNNING) {