|
|
|
@ -9,6 +9,7 @@ import Textarea from 'components/Textarea';
|
|
|
|
|
import Tooltip from 'components/Tooltip';
|
|
|
|
|
import Icon from 'components/Icon';
|
|
|
|
|
import ICONS from 'config/icons';
|
|
|
|
|
import { FONT_SIZE } from 'config/variables';
|
|
|
|
|
|
|
|
|
|
import type { Props as BaseProps } from '../../Container';
|
|
|
|
|
|
|
|
|
@ -28,6 +29,7 @@ const InputRow = styled.div`
|
|
|
|
|
const InputLabelWrapper = styled.div`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
const GreenSpan = styled.span`
|
|
|
|
@ -110,6 +112,18 @@ const getDataTextareaState = (dataError: string, dataWarning: string): string =>
|
|
|
|
|
return state;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const Left = styled.div`
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
const Right = styled.div`
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
font-size: ${FONT_SIZE.SMALLER};
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
// stateless component
|
|
|
|
|
const AdvancedForm = (props: Props) => {
|
|
|
|
|
const {
|
|
|
|
@ -155,6 +169,7 @@ const AdvancedForm = (props: Props) => {
|
|
|
|
|
spellCheck="false"
|
|
|
|
|
topLabel={(
|
|
|
|
|
<InputLabelWrapper>
|
|
|
|
|
<Left>
|
|
|
|
|
Gas limit
|
|
|
|
|
<Tooltip
|
|
|
|
|
content={(
|
|
|
|
@ -174,6 +189,10 @@ const AdvancedForm = (props: Props) => {
|
|
|
|
|
size={24}
|
|
|
|
|
/>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
</Left>
|
|
|
|
|
<Right>
|
|
|
|
|
Set default
|
|
|
|
|
</Right>
|
|
|
|
|
</InputLabelWrapper>
|
|
|
|
|
)}
|
|
|
|
|
bottomText={errors.gasLimit || warnings.gasLimit || infos.gasLimit || (calculatingGasLimit ? 'Calculating...' : '')}
|
|
|
|
|