m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-22 03:12:42 +02:00
Code

Part of #18714: Replacing deprecated constants in Avatar-Favicon folder (#19332)

Browse Source 
* sda

* sad

* replacing depricated constants

---------

Co-authored-by: Garrett Bear <gwhisten@gmail.com>
This commit is contained in:
rohit kerkar 2023-06-01 22:39:08 +05:30 committed by GitHub
parent d5dd4fa881
commit 2a227c4646
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/components/component-library/avatar-favicon/avatar-favicon.js
View File

@ -7,7 +7,7 @@ import { IconName, Icon } from '../icon';
import { import {
BorderColor, BorderColor,
Size, Size,
DISPLAY, Display,
AlignItems, AlignItems,
JustifyContent, JustifyContent,
IconColor, IconColor,
@ -33,7 +33,7 @@ export const AvatarFavicon = React.forwardRef(
<AvatarBase <AvatarBase
ref={ref} ref={ref}
size={size} size={size}
display={DISPLAY.FLEX} display={Display.Flex}
alignItems={AlignItems.center} alignItems={AlignItems.center}
justifyContent={JustifyContent.center} justifyContent={JustifyContent.center}
className={classnames('mm-avatar-favicon', className)} className={classnames('mm-avatar-favicon', className)}

6
ui/components/component-library/avatar-favicon/avatar-favicon.stories.js
View File

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import { import {
DISPLAY, Display,
AlignItems, AlignItems,
BorderColor, BorderColor,
Size, Size,
@ -51,7 +51,7 @@ export const DefaultStory = Template.bind({});
DefaultStory.storyName = 'Default'; DefaultStory.storyName = 'Default';
export const SizeStory = (args) => ( export const SizeStory = (args) => (
<Box display={DISPLAY.FLEX} alignItems={AlignItems.baseline} gap={1}> <Box display={Display.Flex} alignItems={AlignItems.baseline} gap={1}>
<AvatarFavicon {...args} size={Size.XS} /> <AvatarFavicon {...args} size={Size.XS} />
<AvatarFavicon {...args} size={Size.SM} /> <AvatarFavicon {...args} size={Size.SM} />
<AvatarFavicon {...args} size={Size.MD} /> <AvatarFavicon {...args} size={Size.MD} />
@ -62,7 +62,7 @@ export const SizeStory = (args) => (
SizeStory.storyName = 'Size'; SizeStory.storyName = 'Size';
export const Src = (args) => ( export const Src = (args) => (
<Box display={DISPLAY.FLEX} alignItems={AlignItems.flexStart} gap={1}> <Box display={Display.Flex} alignItems={AlignItems.flexStart} gap={1}>
<AvatarFavicon {...args} src="https://uniswap.org/favicon.ico" /> <AvatarFavicon {...args} src="https://uniswap.org/favicon.ico" />
<AvatarFavicon <AvatarFavicon
{...args} {...args}