mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 01:39:44 +01:00
* Changes to nfts-detection-notice.js * Adding story --------- Co-authored-by: georgewrmarshall <george.marshall@consensys.net>
This commit is contained in:
parent
c9f420234f
commit
5135b80de7
@ -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) => {
|
||||
|
@ -0,0 +1,10 @@
|
||||
import React from 'react';
|
||||
import NftsDetectionNotice from '.';
|
||||
|
||||
export default {
|
||||
title: 'Components/App/NftsDetectionNotice',
|
||||
};
|
||||
|
||||
export const DefaultStory = () => <NftsDetectionNotice />;
|
||||
|
||||
DefaultStory.storyName = 'Default';
|
Loading…
Reference in New Issue
Block a user