mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
Fixes the cancel-speedup-popover.js (#18948)
Co-authored-by: Danica Shen <zhaodanica@gmail.com>
This commit is contained in:
parent
657b94cd47
commit
28b3490e7c
@ -1,12 +1,12 @@
|
|||||||
import { useSelector } from 'react-redux';
|
import { useSelector } from 'react-redux';
|
||||||
import React, { useEffect } from 'react';
|
import React, { useEffect } from 'react';
|
||||||
|
import { Text } from '../../component-library';
|
||||||
import { EditGasModes, PriorityLevels } from '../../../../shared/constants/gas';
|
import { EditGasModes, PriorityLevels } from '../../../../shared/constants/gas';
|
||||||
import {
|
import {
|
||||||
AlignItems,
|
AlignItems,
|
||||||
DISPLAY,
|
DISPLAY,
|
||||||
FLEX_DIRECTION,
|
FLEX_DIRECTION,
|
||||||
TypographyVariant,
|
TextVariant,
|
||||||
} from '../../../helpers/constants/design-system';
|
} from '../../../helpers/constants/design-system';
|
||||||
import { getAppIsLoading } from '../../../selectors';
|
import { getAppIsLoading } from '../../../selectors';
|
||||||
import { gasEstimateGreaterThanGasUsedPlusTenPercent } from '../../../helpers/utils/gas';
|
import { gasEstimateGreaterThanGasUsedPlusTenPercent } from '../../../helpers/utils/gas';
|
||||||
@ -19,7 +19,6 @@ import Box from '../../ui/box';
|
|||||||
import Button from '../../ui/button';
|
import Button from '../../ui/button';
|
||||||
import InfoTooltip from '../../ui/info-tooltip';
|
import InfoTooltip from '../../ui/info-tooltip';
|
||||||
import Popover from '../../ui/popover';
|
import Popover from '../../ui/popover';
|
||||||
import Typography from '../../ui/typography';
|
|
||||||
import AppLoadingSpinner from '../app-loading-spinner';
|
import AppLoadingSpinner from '../app-loading-spinner';
|
||||||
|
|
||||||
const CancelSpeedupPopover = () => {
|
const CancelSpeedupPopover = () => {
|
||||||
@ -97,9 +96,11 @@ const CancelSpeedupPopover = () => {
|
|||||||
>
|
>
|
||||||
<AppLoadingSpinner className="cancel-speedup-popover__spinner" />
|
<AppLoadingSpinner className="cancel-speedup-popover__spinner" />
|
||||||
<div className="cancel-speedup-popover__wrapper">
|
<div className="cancel-speedup-popover__wrapper">
|
||||||
<Typography
|
<Text
|
||||||
boxProps={{ alignItems: AlignItems.center, display: DISPLAY.FLEX }}
|
alignItems={AlignItems.center}
|
||||||
variant={TypographyVariant.H6}
|
display={DISPLAY.FLEX}
|
||||||
|
variant={TextVariant.bodySm}
|
||||||
|
as="h6"
|
||||||
marginTop={0}
|
marginTop={0}
|
||||||
marginBottom={2}
|
marginBottom={2}
|
||||||
>
|
>
|
||||||
@ -127,7 +128,7 @@ const CancelSpeedupPopover = () => {
|
|||||||
</Box>
|
</Box>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
</Typography>
|
</Text>
|
||||||
<div className="cancel-speedup-popover__separator" />
|
<div className="cancel-speedup-popover__separator" />
|
||||||
<Box
|
<Box
|
||||||
display={DISPLAY.FLEX}
|
display={DISPLAY.FLEX}
|
||||||
|
Loading…
Reference in New Issue
Block a user