mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
c5368c152b
* added storybook test runner * added test runner in ci * updated test for ci and fixed lint error * updated lavamoat policy * updated test command * updated playwright * changed command to storybook;ci * updated command * updated instance for test-storybook * updated playwright * added playwright step * replaced concurrently with start-server-and-test * updated the static storybook directory * replaced first with last * updated lock file * replaced first with last * updated test-storybook with maxworkers * updated .depchechrc * updated yml * removed id from banner base * replaced broken stories with .stories-to-do.js extesnsion * updated token allowance story * removed duplicacies from yarn * fixed lavamoat * removed filename comment * updated links for docs * fixed file extension for stories * updated path for stories.json * updated stories.json path * yarn updated * updated stories * updated yarn * updated wait on
88 lines
2.1 KiB
JavaScript
88 lines
2.1 KiB
JavaScript
import React from 'react';
|
|
|
|
import HomeNotification from './home-notification.component';
|
|
|
|
export default {
|
|
title: 'Components/App/HomeNotification',
|
|
|
|
component: HomeNotification,
|
|
argTypes: {
|
|
acceptText: {
|
|
control: 'text',
|
|
},
|
|
checkboxText: {
|
|
control: 'text',
|
|
},
|
|
checkboxTooltipText: {
|
|
control: 'text',
|
|
},
|
|
classNames: {
|
|
control: 'object',
|
|
},
|
|
descriptionText: {
|
|
control: 'text',
|
|
},
|
|
ignoreText: {
|
|
control: 'text',
|
|
},
|
|
infoText: {
|
|
control: 'text',
|
|
},
|
|
onAccept: {
|
|
action: 'onAccept',
|
|
},
|
|
onIgnore: {
|
|
action: 'onIgnore',
|
|
},
|
|
},
|
|
};
|
|
|
|
const Template = (args) => <HomeNotification {...args} />;
|
|
|
|
export const DefaultStory = Template.bind({});
|
|
DefaultStory.storyName = 'Default';
|
|
DefaultStory.args = {
|
|
acceptText: 'Accept text',
|
|
descriptionText: 'Description text',
|
|
ignoreText: 'Ignore text',
|
|
infoText: 'Info text',
|
|
};
|
|
|
|
export const WithIgnoreCheckbox = Template.bind({});
|
|
WithIgnoreCheckbox.storyName = 'WithIgnoreCheckbox';
|
|
WithIgnoreCheckbox.args = {
|
|
...DefaultStory.args,
|
|
checkboxText: "Don't show this again",
|
|
checkboxTooltipText:
|
|
'The value of this checkbox is passed to the `onIgnore` function when the ignore button is pressed',
|
|
descriptionText: 'Description text',
|
|
};
|
|
|
|
export const OnlyDescription = Template.bind({});
|
|
OnlyDescription.storyName = 'OnlyDescription';
|
|
OnlyDescription.args = {
|
|
descriptionText: 'Non-Interactive notification.',
|
|
};
|
|
|
|
export const DescriptionAndInfo = Template.bind({});
|
|
DescriptionAndInfo.storyName = 'DescriptionAndInfo';
|
|
DescriptionAndInfo.args = {
|
|
descriptionText: 'Non-Interactive notification.',
|
|
infoText: 'Info text',
|
|
};
|
|
|
|
export const OnlyAccept = Template.bind({});
|
|
OnlyAccept.storyName = 'OnlyAccept';
|
|
OnlyAccept.args = {
|
|
acceptText: 'Mandatory Action',
|
|
descriptionText:
|
|
"The 'Accept' action for this notification is strongly recommended, so there is no option to dismiss",
|
|
};
|
|
|
|
export const OnlyIgnore = Template.bind({});
|
|
OnlyIgnore.storyName = 'OnlyIgnore';
|
|
OnlyIgnore.args = {
|
|
descriptionText: 'This is a dismissable notification.',
|
|
ignoreText: 'Dismiss',
|
|
};
|