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

Typography to text (#18382)

Browse Source 
* Typography to text

* Update README.md

* Update README.md

* minor changes in custom file

* minor change

* Resolved Conflict issues

---------

Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net>
This commit is contained in:
Aditya Patel 2023-04-06 16:40:14 +05:30 committed by GitHub
parent a816a6e592
commit 18ff108627
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
ui/components/app/custom-spending-cap/custom-spending-cap.js
View File

@ -6,16 +6,14 @@ import BigNumber from 'bignumber.js';
import { I18nContext } from '../../../contexts/i18n';
import Box from '../../ui/box';
import FormField from '../../ui/form-field';
import Typography from '../../ui/typography';
import { Text, ButtonLink } from '../../component-library';
import { Icon, ICON_NAMES } from '../../component-library/icon/deprecated';
import { ButtonLink } from '../../component-library';
import {
AlignItems,
DISPLAY,
FLEX_DIRECTION,
TEXT_ALIGN,
FONT_WEIGHT,
TypographyVariant,
TextVariant,
JustifyContent,
Size,
BLOCK_SIZES,
@ -72,14 +70,14 @@ export default function CustomSpendingCap({
return {
className: 'custom-spending-cap__lowerValue',
description: t('inputLogicEqualOrSmallerNumber', [
<Typography
<Text
key="custom-spending-cap"
variant={TypographyVariant.H6}
fontWeight={FONT_WEIGHT.BOLD}
variant={TextVariant.bodySmBold}
as="h6"
className="custom-spending-cap__input-value-and-token-name"
>
{replaceCommaToDot(inputNumber)} {tokenName}
</Typography>,
</Text>,
]),
};
} else if (decConversionGreaterThan(inputNumber, currentTokenBalance)) {
@ -146,14 +144,14 @@ export default function CustomSpendingCap({
currentTokenBalance,
)
? t('warningTooltipText', [
<Typography
<Text
key="tooltip-text"
variant={TypographyVariant.H7}
fontWeight={FONT_WEIGHT.BOLD}
variant={TextVariant.bodySmBold}
as="h6"
color={TextColor.errorDefault}
>
<Icon name={ICON_NAMES.WARNING} /> {t('beCareful')}
</Typography>,
</Text>,
])
: t('inputLogicEmptyState');
@ -250,15 +248,17 @@ export default function CustomSpendingCap({
'custom-spending-cap__description--with-error-message': error,
})}
>
<Typography
<Text
color={TextColor.textDefault}
variant={TypographyVariant.H7}
boxProps={{ paddingTop: 2, paddingBottom: 2 }}
variant={TextVariant.bodySm}
as="h6"
paddingTop={2}
paddingBottom={2}
>
{replaceCommaToDot(value)
? customSpendingCapText
: inputLogicEmptyStateText}
</Typography>
</Text>
</Box>
</label>
</Box>