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