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

Changes to gas-items-details (#19075)

Browse Source
This commit is contained in:
Dhruv 2023-05-15 23:26:20 +05:30 committed by GitHub
parent 8a8c8fad10
commit c9f420234f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 28 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ui/components/app/gas-details-item/gas-details-item-title/gas-details-item-title.js
View File

@ -1,12 +1,12 @@
import React from 'react';
import { useSelector } from 'react-redux';
import { TypographyVariant } from '../../../../helpers/constants/design-system';
import { TextVariant } from '../../../../helpers/constants/design-system';
import { useI18nContext } from '../../../../hooks/useI18nContext';
import { getIsMainnet } from '../../../../selectors';
import Box from '../../../ui/box';
import InfoTooltip from '../../../ui/info-tooltip/info-tooltip';
import Typography from '../../../ui/typography/typography';
import { Text } from '../../../component-library';
const GasDetailsItemTitle = () => {
const t = useI18nContext();
@ -21,15 +21,15 @@ const GasDetailsItemTitle = () => {
<InfoTooltip
contentText={
<>
<Typography variant={TypographyVariant.H7}>
<Text variant={TextVariant.bodySm} as="h6">
{t('transactionDetailGasTooltipIntro', [
isMainnet ? t('networkNameEthereum') : '',
])}
</Typography>
<Typography variant={TypographyVariant.H7}>
</Text>
<Text variant={TextVariant.bodySm} as="h6">
{t('transactionDetailGasTooltipExplanation')}
</Typography>
<Typography variant={TypographyVariant.H7}>
</Text>
<Text variant={TextVariant.bodySm} as="h6">
<a
href="https://community.metamask.io/t/what-is-gas-why-do-transactions-take-so-long/3172"
target="_blank"
@ -37,7 +37,7 @@ const GasDetailsItemTitle = () => {
>
{t('transactionDetailGasTooltipConversion')}
</a>
</Typography>
</Text>
</>
}
position="bottom"

10
ui/components/app/gas-details-item/gas-details-item-title/gas-details-item-title.stories.js Normal file
View File

@ -0,0 +1,10 @@
import React from 'react';
import GasDetailsItemTitle from '.';
export default {
title: 'Components/App/GasDetailsItemTitle',
};
export const DefaultStory = () => <GasDetailsItemTitle />;
DefaultStory.storyName = 'Default';

10
ui/components/app/gas-details-item/gas-details-item.stories.js Normal file
View File

@ -0,0 +1,10 @@
import React from 'react';
import GasDetailsItem from '.';
export default {
title: 'Components/App/GasDetailsItem',
};
export const DefaultStory = () => <GasDetailsItem />;
DefaultStory.storyName = 'Default';