You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.1 KiB
38 lines
1.1 KiB
3 years ago
|
import React from 'react';
|
||
|
|
import { Provider } from 'react-redux';
|
||
|
|
import { text } from '@storybook/addon-knobs';
|
||
|
|
|
||
|
|
import configureStore from '../../../../store/store';
|
||
|
|
|
||
|
|
import testData from '../../../../../.storybook/test-data';
|
||
|
|
import AddRecipient from './add-recipient.component';
|
||
|
|
|
||
|
|
const store = configureStore(testData);
|
||
|
|
|
||
|
|
export default {
|
||
|
|
title: 'AddRecipient',
|
||
|
|
id: __filename,
|
||
|
|
decorators: [(story) => <Provider store={store}>{story()}</Provider>],
|
||
|
|
};
|
||
|
|
|
||
|
|
export const AddRecipientComponent = () => {
|
||
|
|
const { metamask } = store.getState();
|
||
|
|
const { addressBook, recipient } = metamask;
|
||
|
|
return (
|
||
|
|
<div style={{ width: 300 }}>
|
||
|
|
<AddRecipient
|
||
|
|
contacts={[addressBook]}
|
||
|
|
recipient={recipient}
|
||
|
|
updateRecipient={() => undefined}
|
||
|
|
nonContacts={[addressBook]}
|
||
|
|
ownedAccounts={[addressBook]}
|
||
|
|
addressBook={[addressBook]}
|
||
|
|
updateGas={() => undefined}
|
||
|
|
// ToError and ToWarning wording must match on translation
|
||
|
|
ensError={text('To Error', 'loading')}
|
||
|
|
ensWarning={text('To Warning', 'loading')}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|