1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-12 04:37:13 +01:00
metamask-extension/ui/components/app/advanced-gas-fee-popover/advanced-gas-fee-save/advanced-gas-fee-save.js

44 lines
1.5 KiB
JavaScript
Raw Normal View History

import React from 'react';
import { PriorityLevels } from '../../../../../shared/constants/gas';
import { decGWEIToHexWEI } from '../../../../../shared/modules/conversion.utils';
import { useTransactionModalContext } from '../../../../contexts/transaction-modal';
import { useGasFeeContext } from '../../../../contexts/gasFee';
import { useTransactionEventFragment } from '../../../../hooks/useTransactionEventFragment';
import { useI18nContext } from '../../../../hooks/useI18nContext';
import Button from '../../../ui/button';
import { useAdvancedGasFeePopoverContext } from '../context';
const AdvancedGasFeeSaveButton = () => {
const { closeModal } = useTransactionModalContext();
const { updateTransactionEventFragment } = useTransactionEventFragment();
const { updateTransaction } = useGasFeeContext();
const t = useI18nContext();
2022-07-31 20:26:40 +02:00
const { gasLimit, hasErrors, maxFeePerGas, maxPriorityFeePerGas } =
useAdvancedGasFeePopoverContext();
const onSave = () => {
updateTransaction({
estimateUsed: PriorityLevels.custom,
maxFeePerGas: decGWEIToHexWEI(maxFeePerGas),
maxPriorityFeePerGas: decGWEIToHexWEI(maxPriorityFeePerGas),
gasLimit,
});
updateTransactionEventFragment({
properties: {
gas_edit_type: 'advanced',
},
});
closeModal(['advancedGasFee', 'editGasFee']);
};
return (
<Button type="primary" disabled={hasErrors} onClick={onSave}>
{t('save')}
</Button>
);
};
export default AdvancedGasFeeSaveButton;