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

Part of #17670 for file network-statistics.js (#18644)

Browse Source 
* Part of #17670 Replace Typography with Text component.

* Worked on the mentioned lint issues.

* Upgrading to enum version.

Co-authored-by: George Marshall <georgewrmarshall@gmail.com>

* Upgrading to enum version.

Co-authored-by: George Marshall <georgewrmarshall@gmail.com>

---------

Co-authored-by: George Marshall <georgewrmarshall@gmail.com>
Co-authored-by: George Marshall <george.marshall@consensys.net>
This commit is contained in:
Harsh Shukla 2023-04-25 18:58:22 +05:30 committed by GitHub
parent 19d6962957
commit d403219210
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui/components/app/edit-gas-fee-popover/network-statistics/network-statistics.js
View File

@ -1,14 +1,14 @@
import React, { useContext } from 'react'; import React, { useContext } from 'react';
import { import {
FONT_WEIGHT, FontWeight,
TextColor, TextColor,
TypographyVariant, TextVariant,
} from '../../../../helpers/constants/design-system'; } from '../../../../helpers/constants/design-system';
import { isNullish } from '../../../../helpers/utils/util'; import { isNullish } from '../../../../helpers/utils/util';
import { formatGasFeeOrFeeRange } from '../../../../helpers/utils/gas'; import { formatGasFeeOrFeeRange } from '../../../../helpers/utils/gas';
import { I18nContext } from '../../../../contexts/i18n'; import { I18nContext } from '../../../../contexts/i18n';
import { useGasFeeContext } from '../../../../contexts/gasFee'; import { useGasFeeContext } from '../../../../contexts/gasFee';
import Typography from '../../../ui/typography/typography'; import { Text } from '../../../component-library';
import { BaseFeeTooltip, PriorityFeeTooltip } from './tooltips'; import { BaseFeeTooltip, PriorityFeeTooltip } from './tooltips';
import StatusSlider from './status-slider'; import StatusSlider from './status-slider';
@ -29,15 +29,16 @@ const NetworkStatistics = () => {
return ( return (
<div className="network-statistics"> <div className="network-statistics">
<Typography <Text
color={TextColor.textAlternative} color={TextColor.textAlternative}
fontWeight={FONT_WEIGHT.BOLD} fontWeight={FontWeight.Bold}
marginTop={3} marginTop={3}
marginBottom={3} marginBottom={3}
variant={TypographyVariant.H8} variant={TextVariant.bodyXs}
as="h6"
> >
{t('networkStatus')} {t('networkStatus')}
</Typography> </Text>
<div className="network-statistics__info"> <div className="network-statistics__info">
{isNullish(formattedLatestBaseFee) ? null : ( {isNullish(formattedLatestBaseFee) ? null : (
<div <div