1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 23:44:56 +01:00
metamask-extension/ui/components/app/advanced-gas-fee-popover/context/advancedGasFeePopover.js

55 lines
1.5 KiB
JavaScript

import React, { createContext, useCallback, useContext, useState } from 'react';
import PropTypes from 'prop-types';
export const AdvancedGasFeePopoverContext = createContext({});
export const AdvancedGasFeePopoverContextProvider = ({ children }) => {
const [gasLimit, setGasLimit] = useState();
const [maxFeePerGas, setMaxFeePerGas] = useState();
const [maxPriorityFeePerGas, setMaxPriorityFeePerGas] = useState();
const [errors, setErrors] = useState({
maxFeePerGas: false,
maxPriorityFeePerGas: false,
gasLimit: false,
});
const setErrorValue = useCallback(
(field, value) => {
if (errors[field] !== value) {
setErrors({ ...errors, [field]: value });
}
},
[errors, setErrors],
);
const [maxBaseFee, setMaxBaseFee] = useState();
return (
<AdvancedGasFeePopoverContext.Provider
value={{
gasLimit,
hasErrors:
errors.maxFeePerGas || errors.maxPriorityFeePerGas || errors.gasLimit,
gasErrors: errors,
maxFeePerGas,
maxPriorityFeePerGas,
setErrorValue,
maxBaseFee,
setGasLimit,
setMaxPriorityFeePerGas,
setMaxFeePerGas,
setMaxBaseFee,
}}
>
{children}
</AdvancedGasFeePopoverContext.Provider>
);
};
export function useAdvancedGasFeePopoverContext() {
return useContext(AdvancedGasFeePopoverContext);
}
AdvancedGasFeePopoverContextProvider.propTypes = {
children: PropTypes.node.isRequired,
};