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

Mįgrate truncated definition list stories from addon knobs to use controls. (#13628)

Browse Source
This commit is contained in:
Rob Dawson 2022-02-17 09:14:24 -07:00 committed by GitHub
parent e082334da8
commit ef3199ebd1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 31 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
ui/components/ui/truncated-definition-list/truncated-definition-list.stories.js
View File

@ -1,11 +1,12 @@
import React from 'react'; import React from 'react';
import { object, text } from '@storybook/addon-knobs';
import TruncatedDefinitionList from './truncated-definition-list'; import TruncatedDefinitionList from './truncated-definition-list';
export default { export default {
title: 'Components/UI/TruncatedDefinitionList', title: 'Components/UI/TruncatedDefinitionList',
id: __filename, id: __filename,
argTypes: {
title: { control: 'text', defaultValue: 'Basic definitions' },
},
}; };
const basic = { const basic = {
@ -30,21 +31,34 @@ const tooltips = {
Ticker: 'The currency symbol of the primary currency for this network', Ticker: 'The currency symbol of the primary currency for this network',
}; };
export const DefaultStory = () => ( export const DefaultStory = (args) => <TruncatedDefinitionList {...args} />;
<TruncatedDefinitionList
dictionary={object('dictionary', basic)} DefaultStory.argTypes = {
title={text('title', 'Basic definitions')} dictionary: {
prefaceKeys={object('prefaceKeys', ['term', 'definition'])} control: 'object',
/> defaultValue: basic,
); },
prefaceKeys: {
control: 'object',
defaultValue: ['term', 'definition'],
},
};
DefaultStory.storyName = 'Default'; DefaultStory.storyName = 'Default';
export const WithTooltips = () => ( export const WithTooltips = (args) => <TruncatedDefinitionList {...args} />;
<TruncatedDefinitionList
dictionary={object('dictionary', advanced)} WithTooltips.argTypes = {
title={text('title', 'Network Details')} dictionary: {
tooltips={object('tooltips', tooltips)} control: 'object',
prefaceKeys={object('prefaceKeys', ['Chain ID'])} defaultValue: advanced,
/> },
); tooltips: {
control: 'object',
defaultValue: tooltips,
},
prefaceKeys: {
control: 'array',
defaultValue: ['Chain ID'],
},
};