m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Replacing deprecated Popover with Modal (#19784)

Browse Source 
* Replacing deprecated Popover with Modal

* Fix Jest error
This commit is contained in:
jainex 2023-07-29 02:33:27 +05:30 committed by GitHub
parent b576c5245c
commit 6546aad334
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 73 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
ui/components/app/cancel-speedup-popover/cancel-speedup-popover.js
View File

@ -16,9 +16,16 @@ import EditGasFeeButton from '../edit-gas-fee-button';
import GasDetailsItem from '../gas-details-item'; import GasDetailsItem from '../gas-details-item';
import Box from '../../ui/box'; import Box from '../../ui/box';
import InfoTooltip from '../../ui/info-tooltip'; import InfoTooltip from '../../ui/info-tooltip';
import Popover from '../../ui/popover';
import AppLoadingSpinner from '../app-loading-spinner'; import AppLoadingSpinner from '../app-loading-spinner';
import { Button, ButtonLink, Text } from '../../component-library'; import {
Text,
Button,
ButtonLink,
Modal,
ModalOverlay,
ModalContent,
ModalHeader,
} from '../../component-library';
const CancelSpeedupPopover = () => { const CancelSpeedupPopover = () => {
const { const {
@ -82,17 +89,22 @@ const CancelSpeedupPopover = () => {
}; };
return ( return (
<Popover <Modal
title={ isOpen
<>
{editGasMode === EditGasModes.cancel
? `❌${t('cancel')}`
: `🚀${t('speedUp')}`}
</>
}
onClose={() => closeModal(['cancelSpeedUpTransaction'])} onClose={() => closeModal(['cancelSpeedUpTransaction'])}
className="cancel-speedup-popover" className="cancel-speedup-popover"
> >
<ModalOverlay />
<ModalContent>
<ModalHeader
onClose={() => closeModal(['cancelSpeedUpTransaction'])}
marginBottom={4}
>
{editGasMode === EditGasModes.cancel
? `❌${t('cancel')}`
: `🚀${t('speedUp')}`}
</ModalHeader>
<AppLoadingSpinner className="cancel-speedup-popover__spinner" /> <AppLoadingSpinner className="cancel-speedup-popover__spinner" />
<div className="cancel-speedup-popover__wrapper"> <div className="cancel-speedup-popover__wrapper">
<Text <Text
@ -143,7 +155,8 @@ const CancelSpeedupPopover = () => {
</Box> </Box>
<Button onClick={submitTransactionChange}>{t('submit')}</Button> <Button onClick={submitTransactionChange}>{t('submit')}</Button>
</div> </div>
</Popover> </ModalContent>
</Modal>
); );
}; };