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

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