1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 07:24:56 +01:00
metamask-extension/ui/pages/send/send-content/add-recipient/add-recipient.stories.js

123 lines
2.6 KiB
JavaScript
Raw Normal View History

import React from 'react';
import { Provider } from 'react-redux';
import configureStore from '../../../../store/store';
import testData from '../../../../../.storybook/test-data';
import AddRecipient from './add-recipient.component';
const store = configureStore(testData);
const { metamask } = store.getState();
const { addressBook } = metamask;
const recipient = metamask.accountArray[0];
export default {
title: 'Pages/Send/SendContent/AddRecipient',
id: __filename,
decorators: [(story) => <Provider store={store}>{story()}</Provider>],
argTypes: {
userInput: {
control: 'text',
},
ownedAccounts: {
control: 'array',
},
addressBook: {
control: 'array',
},
updateRecipient: {
action: 'updateRecipient',
},
ensResolution: {
control: 'text',
},
ensError: {
control: 'text',
},
ensWarning: {
control: 'text',
},
addressBookEntryName: {
control: 'text',
},
contacts: {
control: 'array',
},
nonContacts: {
control: 'array',
},
useMyAccountsForRecipientSearch: {
action: 'useMyAccountsForRecipientSearch',
},
useContactListForRecipientSearch: {
action: 'useContactListForRecipientSearch',
},
isUsingMyAccountsForRecipientSearch: {
control: 'bool',
},
recipient: {
control: 'object',
},
},
args: {
recipient,
contacts: [addressBook],
nonContacts: [addressBook],
ownedAccounts: [addressBook],
addressBook: [addressBook],
},
};
export const DefaultStory = (args) => {
return (
<div style={{ width: 300 }}>
<AddRecipient
{...args}
updateRecipient={() => undefined}
updateGas={() => undefined}
/>
</div>
);
};
DefaultStory.storyName = 'Default';
export const ErrorStory = (args) => {
return (
<div style={{ width: 300 }}>
<AddRecipient
{...args}
updateRecipient={() => undefined}
updateGas={() => undefined}
/>
</div>
);
};
ErrorStory.argTypes = {
// ensError must be the key for a translation
ensError: { type: 'text', defaultValue: 'loading' },
};
ErrorStory.storyName = 'Error';
export const WarningStory = (args) => {
return (
<div style={{ width: 300 }}>
<AddRecipient
{...args}
updateRecipient={() => undefined}
updateGas={() => undefined}
/>
</div>
);
};
WarningStory.argTypes = {
// ensWarning must be the key for a translation
ensWarning: { type: 'text', defaultValue: 'loading' },
};
WarningStory.storyName = 'Warning';