m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 09:57:02 +01:00
Code

Changes to confirm-data and confirm-hexdata (#19041)

Browse Source
This commit is contained in:
Dhruv 2023-05-08 19:06:40 +05:30 committed by GitHub
parent 46f717feef
commit 50f2d06223
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/components/app/confirm-data/confirm-data.js
View File

@ -5,7 +5,7 @@ import { useSelector } from 'react-redux';
import {
Color,
TextVariant,
TEXT_TRANSFORM,
TextTransform,
} from '../../../helpers/constants/design-system';
import { getKnownMethodData } from '../../../selectors';
import { useI18nContext } from '../../../hooks/useI18nContext';
@ -42,7 +42,7 @@ const ConfirmData = ({ txData, dataComponent }) => {
<Box paddingBottom={3} paddingTop={2}>
<Text
as="span"
textTransform={TEXT_TRANSFORM.UPPERCASE}
textTransform={TextTransform.Uppercase}
variant={TextVariant.bodySm}
>
{`${t('functionType')}:`}
@ -51,7 +51,7 @@ const ConfirmData = ({ txData, dataComponent }) => {
as="span"
color={Color.textDefault}
paddingLeft={1}
textTransform={TEXT_TRANSFORM.CAPITALIZE}
textTransform={TextTransform.Capitalize}
variant={TextVariant.bodySmBold}
>
{`${functionType} ${functionParams}`}

16
ui/components/app/confirm-hexdata/confirm-hexdata.js
View File

@ -8,9 +8,9 @@ import { useI18nContext } from '../../../hooks/useI18nContext';
import { useTransactionFunctionType } from '../../../hooks/useTransactionFunctionType';
import {
Color,
OVERFLOW_WRAP,
OverflowWrap,
TextVariant,
TEXT_TRANSFORM,
TextTransform,
} from '../../../helpers/constants/design-system';
import Box from '../../ui/box';
import { Text } from '../../component-library';
@ -42,7 +42,7 @@ const ConfirmHexData = ({ txData, dataHexComponent }) => {
<Box paddingBottom={3} paddingTop={2}>
<Text
as="span"
textTransform={TEXT_TRANSFORM.UPPERCASE}
textTransform={TextTransform.Uppercase}
variant={TextVariant.bodySm}
>
{`${t('functionType')}:`}
@ -51,7 +51,7 @@ const ConfirmHexData = ({ txData, dataHexComponent }) => {
as="span"
color={Color.textDefault}
paddingLeft={1}
textTransform={TEXT_TRANSFORM.CAPITALIZE}
textTransform={TextTransform.Capitalize}
variant={TextVariant.bodySmBold}
>
{`${functionType} ${functionParams}`}
@ -63,13 +63,13 @@ const ConfirmHexData = ({ txData, dataHexComponent }) => {
as="h3"
paddingBottom={3}
paddingTop={2}
textTransform={TEXT_TRANSFORM.UPPERCASE}
textTransform={TextTransform.Uppercase}
variant={TextVariant.bodySm}
>
{`${t('parameters')}:`}
</Text>
<Text
overflowWrap={OVERFLOW_WRAP.BREAK_WORD}
overflowWrap={OverflowWrap.BreakWord}
variant={TextVariant.bodySm}
>
<pre>{JSON.stringify(params, null, 2)}</pre>
@ -80,14 +80,14 @@ const ConfirmHexData = ({ txData, dataHexComponent }) => {
as="h3"
paddingBottom={3}
paddingTop={2}
textTransform={TEXT_TRANSFORM.UPPERCASE}
textTransform={TextTransform.Uppercase}
variant={TextVariant.bodySm}
>
{`${t('hexData')}: ${toBuffer(txParams?.data).length} bytes`}
</Text>
<Text
backgroundColor={Color.backgroundAlternative}
overflowWrap={OVERFLOW_WRAP.BREAK_WORD}
overflowWrap={OverflowWrap.BreakWord}
padding={4}
variant={TextVariant.bodySm}
>