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: Replacing deprecated constants in Modal-Header folder (#19339)

Browse Source 
* replacing deprecated

* replacing deprecated

---------

Co-authored-by: Brad Decker <bhdecker84@gmail.com>
This commit is contained in:
rohit kerkar 2023-05-31 22:42:21 +05:30 committed by GitHub
parent d09c8bd492
commit 80de5ceed4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ui/components/component-library/modal-header/modal-header.stories.tsx
View File

@ -1,11 +1,11 @@
import React from 'react'; import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react'; import { StoryFn, Meta } from '@storybook/react';
import { import {
TextVariant, TextVariant,
TextAlign, TextAlign,
DISPLAY, Display,
FLEX_DIRECTION, FlexDirection,
AlignItems, AlignItems,
JustifyContent, JustifyContent,
} from '../../../helpers/constants/design-system'; } from '../../../helpers/constants/design-system';
@ -32,16 +32,16 @@ export default {
args: { args: {
children: 'ModalHeader', children: 'ModalHeader',
}, },
} as ComponentMeta<typeof ModalHeader>; } as Meta<typeof ModalHeader>;
const Template: ComponentStory<typeof ModalHeader> = (args) => { const Template: StoryFn<typeof ModalHeader> = (args) => {
return <ModalHeader {...args} />; return <ModalHeader {...args} />;
}; };
export const DefaultStory = Template.bind({}); export const DefaultStory = Template.bind({});
DefaultStory.storyName = 'Default'; DefaultStory.storyName = 'Default';
export const Children: ComponentStory<typeof ModalHeader> = (args) => ( export const Children: StoryFn<typeof ModalHeader> = (args) => (
<> <>
<ModalHeader {...args} marginBottom={4}> <ModalHeader {...args} marginBottom={4}>
Children as string Children as string
@ -49,8 +49,8 @@ export const Children: ComponentStory<typeof ModalHeader> = (args) => (
<ModalHeader <ModalHeader
{...args} {...args}
childrenWrapperProps={{ childrenWrapperProps={{
display: DISPLAY.FLEX, display: Display.Flex,
flexDirection: FLEX_DIRECTION.COLUMN, flexDirection: FlexDirection.Column,
alignItems: AlignItems.center, alignItems: AlignItems.center,
justifyContent: JustifyContent.center, justifyContent: JustifyContent.center,
}} }}