1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/app/advanced-gas-fee-popover/advanced-gas-fee-popover.js
2022-01-31 11:21:43 +05:30

41 lines
1.3 KiB
JavaScript

import React from 'react';
import { useI18nContext } from '../../../hooks/useI18nContext';
import { useTransactionModalContext } from '../../../contexts/transaction-modal';
import Box from '../../ui/box';
import Popover from '../../ui/popover';
import { AdvancedGasFeePopoverContextProvider } from './context';
import AdvancedGasFeeInputs from './advanced-gas-fee-inputs';
import AdvancedGasFeeGasLimit from './advanced-gas-fee-gas-limit';
import AdvancedGasFeeSaveButton from './advanced-gas-fee-save';
import AdvancedGasFeeDefaults from './advanced-gas-fee-defaults';
const AdvancedGasFeePopover = () => {
const t = useI18nContext();
const { closeAllModals, currentModal } = useTransactionModalContext();
if (currentModal !== 'advancedGasFee') {
return null;
}
return (
<AdvancedGasFeePopoverContextProvider>
<Popover
className="advanced-gas-fee-popover"
title={t('advancedGasFeeModalTitle')}
onClose={closeAllModals}
footer={<AdvancedGasFeeSaveButton />}
>
<Box margin={4}>
<AdvancedGasFeeInputs />
<AdvancedGasFeeDefaults />
<AdvancedGasFeeGasLimit />
</Box>
</Popover>
</AdvancedGasFeePopoverContextProvider>
);
};
export default AdvancedGasFeePopover;