m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Update interactive-replacement-token-modal.js (#19003)

Browse Source
This commit is contained in:
Harsh Shukla 2023-05-05 16:39:13 +05:30 committed by GitHub
parent c7bb906b03
commit 36c4ff15b2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ui/components/institutional/interactive-replacement-token-modal/interactive-replacement-token-modal.js
View File

@ -15,8 +15,8 @@ import {
FLEX_WRAP, FLEX_WRAP,
FLEX_DIRECTION, FLEX_DIRECTION,
BorderRadius, BorderRadius,
FONT_WEIGHT, FontWeight,
TEXT_ALIGN, TextAlign,
AlignItems, AlignItems,
} from '../../../helpers/constants/design-system'; } from '../../../helpers/constants/design-system';
@ -53,7 +53,7 @@ const InteractiveReplacementTokenModal = () => {
alignItems={AlignItems.center} alignItems={AlignItems.center}
paddingTop={5} paddingTop={5}
> >
<Box display={DISPLAY.BLOCK} textAlign={TEXT_ALIGN.CENTER}> <Box display={DISPLAY.BLOCK} textAlign={TextAlign.Center}>
<img <img
src={custodian.iconUrl} src={custodian.iconUrl}
width={45} width={45}
@ -64,7 +64,7 @@ const InteractiveReplacementTokenModal = () => {
); );
} else { } else {
img = ( img = (
<Box display={DISPLAY.BLOCK} textAlign={TEXT_ALIGN.CENTER}> <Box display={DISPLAY.BLOCK} textAlign={TextAlign.Center}>
<Text>{custodian.displayName}</Text> <Text>{custodian.displayName}</Text>
</Box> </Box>
); );
@ -76,8 +76,8 @@ const InteractiveReplacementTokenModal = () => {
<Text <Text
as="h4" as="h4"
paddingTop={4} paddingTop={4}
textAlign={TEXT_ALIGN.CENTER} textAlign={TextAlign.Center}
fontWeight={FONT_WEIGHT.BOLD} fontWeight={FontWeight.Bold}
> >
{t('custodyRefreshTokenModalTitle')} {t('custodyRefreshTokenModalTitle')}
</Text> </Text>
@ -85,18 +85,18 @@ const InteractiveReplacementTokenModal = () => {
as="p" as="p"
paddingTop={4} paddingTop={4}
paddingBottom={6} paddingBottom={6}
textAlign={TEXT_ALIGN.LEFT} textAlign={TextAlign.Left}
> >
{t('custodyRefreshTokenModalDescription', [custodian.displayName])} {t('custodyRefreshTokenModalDescription', [custodian.displayName])}
</Text> </Text>
<Text as="p" fontWeight={FONT_WEIGHT.MEDIUM}> <Text as="p" fontWeight={FontWeight.Medium}>
{t('custodyRefreshTokenModalSubtitle')} {t('custodyRefreshTokenModalSubtitle')}
</Text> </Text>
<Text <Text
as="p" as="p"
paddingTop={4} paddingTop={4}
paddingBottom={6} paddingBottom={6}
textAlign={TEXT_ALIGN.LEFT} textAlign={TextAlign.Left}
> >
{t('custodyRefreshTokenModalDescription1')} {t('custodyRefreshTokenModalDescription1')}
</Text> </Text>
@ -105,7 +105,7 @@ const InteractiveReplacementTokenModal = () => {
marginTop={4} marginTop={4}
paddingTop={4} paddingTop={4}
paddingBottom={6} paddingBottom={6}
textAlign={TEXT_ALIGN.LEFT} textAlign={TextAlign.Left}
> >
{t('custodyRefreshTokenModalDescription2')} {t('custodyRefreshTokenModalDescription2')}
</Text> </Text>