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 #18714 and #17670: Changes to nfts-detection-notice.js (#19051)

Browse Source 
* Changes to nfts-detection-notice.js

* Adding story

---------

Co-authored-by: georgewrmarshall <george.marshall@consensys.net>
This commit is contained in:
Dhruv 2023-05-15 23:38:48 +05:30 committed by GitHub
parent c9f420234f
commit 5135b80de7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
ui/components/app/nfts-detection-notice/nfts-detection-notice.js
View File

@ -2,11 +2,11 @@ import React from 'react';
import { useHistory } from 'react-router-dom'; import { useHistory } from 'react-router-dom';
import Box from '../../ui/box'; import Box from '../../ui/box';
import Dialog from '../../ui/dialog'; import Dialog from '../../ui/dialog';
import Typography from '../../ui/typography/typography'; import { Text } from '../../component-library';
import { import {
TypographyVariant, TextVariant,
TEXT_ALIGN, TextAlign,
FONT_WEIGHT, FontWeight,
DISPLAY, DISPLAY,
TextColor, TextColor,
IconColor, IconColor,
@ -32,22 +32,24 @@ export default function NftsDetectionNotice() {
/> />
</Box> </Box>
<Box paddingLeft={2}> <Box paddingLeft={2}>
<Typography <Text
color={TextColor.textDefault} color={TextColor.textDefault}
align={TEXT_ALIGN.LEFT} align={TextAlign.Left}
variant={TypographyVariant.H7} variant={TextVariant.bodySm}
fontWeight={FONT_WEIGHT.BOLD} as="h6"
fontWeight={FontWeight.Bold}
> >
{t('newNFTsDetected')} {t('newNFTsDetected')}
</Typography> </Text>
<Typography <Text
color={TextColor.textDefault} color={TextColor.textDefault}
align={TEXT_ALIGN.LEFT} align={TextAlign.Left}
variant={TypographyVariant.H7} variant={TextVariant.bodySm}
boxProps={{ marginBottom: 4 }} as="h6"
marginBottom={4}
> >
{t('newNFTDetectedMessage')} {t('newNFTDetectedMessage')}
</Typography> </Text>
<Button <Button
type="link" type="link"
onClick={(e) => { onClick={(e) => {

10
ui/components/app/nfts-detection-notice/nfts-detection-notice.stories.js Normal file
View File

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