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

Part of #17670 Replace Typography with Text component in: nft-default-image.js (#18894)

Browse Source 
* Update nft-default-image.js

* Update nft-default-image.test.js.snap
This commit is contained in:
Harsh Shukla 2023-05-02 06:05:44 +05:30 committed by GitHub
parent f765b8c9b9
commit 262a291185
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/components/app/nft-default-image/__snapshots__/nft-default-image.test.js.snap
View File

@ -8,7 +8,7 @@ exports[`NFT Default Image should match snapshot with all provided props 1`] = `
tabindex="0" tabindex="0"
> >
<h6 <h6
class="box box--margin-top-1 box--margin-bottom-1 box--flex-direction-row typography nft-default__text typography--h6 typography--weight-normal typography--style-normal typography--color-text-default" class="box mm-text nft-default__text mm-text--body-sm box--flex-direction-row box--color-text-default"
> >
NFT Name NFT Name
@ -28,7 +28,7 @@ exports[`NFT Default Image should match snapshot with missing image click handle
tabindex="0" tabindex="0"
> >
<h6 <h6
class="box box--margin-top-1 box--margin-bottom-1 box--flex-direction-row typography nft-default__text typography--h6 typography--weight-normal typography--style-normal typography--color-text-default" class="box mm-text nft-default__text mm-text--body-sm box--flex-direction-row box--color-text-default"
> >
NFT Name NFT Name
@ -48,7 +48,7 @@ exports[`NFT Default Image should render with no props 1`] = `
tabindex="0" tabindex="0"
> >
<h6 <h6
class="box box--margin-top-1 box--margin-bottom-1 box--flex-direction-row typography nft-default__text typography--h6 typography--weight-normal typography--style-normal typography--color-text-default" class="box mm-text nft-default__text mm-text--body-sm box--flex-direction-row box--color-text-default"
> >
[unknownCollection] [unknownCollection]

8
ui/components/app/nft-default-image/nft-default-image.js
View File

@ -1,9 +1,9 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import classnames from 'classnames'; import classnames from 'classnames';
import Typography from '../../ui/typography'; import { TextVariant } from '../../../helpers/constants/design-system';
import { TypographyVariant } from '../../../helpers/constants/design-system';
import { useI18nContext } from '../../../hooks/useI18nContext'; import { useI18nContext } from '../../../hooks/useI18nContext';
import { Text } from '../../component-library';
export default function NftDefaultImage({ name, tokenId, handleImageClick }) { export default function NftDefaultImage({ name, tokenId, handleImageClick }) {
const t = useI18nContext(); const t = useI18nContext();
@ -17,9 +17,9 @@ export default function NftDefaultImage({ name, tokenId, handleImageClick }) {
})} })}
onClick={handleImageClick} onClick={handleImageClick}
> >
<Typography variant={TypographyVariant.H6} className="nft-default__text"> <Text variant={TextVariant.bodySm} as="h6" className="nft-default__text">
{name ?? t('unknownCollection')} <br /> #{tokenId} {name ?? t('unknownCollection')} <br /> #{tokenId}
</Typography> </Text>
</Tag> </Tag>
); );
} }