mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 01:39:44 +01:00
733391a964
* Updating remaining Text import paths * Updating snapshots
90 lines
2.4 KiB
JavaScript
90 lines
2.4 KiB
JavaScript
import React, { Component } from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import ConfirmTransactionBase from '../confirm-transaction-base';
|
|
import { toBuffer } from '../../../shared/modules/buffer-utils';
|
|
import Box from '../../components/ui/box';
|
|
import { Text } from '../../components/component-library';
|
|
import {
|
|
Color,
|
|
DISPLAY,
|
|
OVERFLOW_WRAP,
|
|
TextVariant,
|
|
TEXT_TRANSFORM,
|
|
} from '../../helpers/constants/design-system';
|
|
|
|
export default class ConfirmDeployContract extends Component {
|
|
static contextTypes = {
|
|
t: PropTypes.func,
|
|
};
|
|
|
|
static propTypes = {
|
|
txData: PropTypes.object,
|
|
};
|
|
|
|
renderData() {
|
|
const { t } = this.context;
|
|
const { txData: { origin, txParams: { data } = {} } = {} } = this.props;
|
|
|
|
return (
|
|
<Box color={Color.textAlternative} padding={4}>
|
|
<Box
|
|
backgroundColor={Color.backgroundAlternative}
|
|
padding={4}
|
|
variant={TextVariant.bodySm}
|
|
>
|
|
<Box display={DISPLAY.FLEX}>
|
|
<Text
|
|
backgroundColor={Color.backgroundAlternative}
|
|
marginBottom={1}
|
|
paddingRight={4}
|
|
variant={TextVariant.bodySmBold}
|
|
>
|
|
{`${t('origin')}:`}
|
|
</Text>
|
|
<Text
|
|
overflowWrap={OVERFLOW_WRAP.BREAK_WORD}
|
|
variant={TextVariant.bodySm}
|
|
>
|
|
{origin}
|
|
</Text>
|
|
</Box>
|
|
<Box display={DISPLAY.FLEX}>
|
|
<Text
|
|
backgroundColor={Color.backgroundAlternative}
|
|
paddingRight={4}
|
|
variant={TextVariant.bodySmBold}
|
|
>
|
|
{`${t('bytes')}:`}
|
|
</Text>
|
|
<Text variant={TextVariant.bodySm}>{toBuffer(data).length}</Text>
|
|
</Box>
|
|
</Box>
|
|
<Text
|
|
as="h3"
|
|
paddingBottom={3}
|
|
paddingTop={2}
|
|
textTransform={TEXT_TRANSFORM.UPPERCASE}
|
|
variant={TextVariant.bodySm}
|
|
>{`${t('hexData')}:`}</Text>
|
|
<Text
|
|
backgroundColor={Color.backgroundAlternative}
|
|
overflowWrap={OVERFLOW_WRAP.BREAK_WORD}
|
|
padding={4}
|
|
variant={TextVariant.bodySm}
|
|
>
|
|
{data}
|
|
</Text>
|
|
</Box>
|
|
);
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<ConfirmTransactionBase
|
|
actionKey="contractDeployment"
|
|
dataComponent={this.renderData()}
|
|
/>
|
|
);
|
|
}
|
|
}
|