1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-11 20:27:12 +01:00
metamask-extension/ui/pages/settings/contact-list-tab/contact-list-tab.stories.js

40 lines
1.0 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 ContactListTab from './contact-list-tab.component';
// Using Test Data For Redux
const store = configureStore(testData);
export default {
title: 'Pages/Settings/ContactListTab',
id: __filename,
decorators: [(story) => <Provider store={store}>{story()}</Provider>],
argsTypes: {
addressBook: { control: 'object' },
hideAddressBook: { control: 'boolean' },
selectedAddress: { control: 'select' },
history: { action: 'history' },
},
};
const { metamask } = store.getState();
const { addresses } = metamask;
export const DefaultStory = (args) => {
return (
<div style={{ width: 300 }}>
<ContactListTab {...args} />
</div>
);
};
DefaultStory.storyName = 'Default';
DefaultStory.args = {
addressBook: addresses,
hideAddressBook: false,
selectedAddress: addresses.map(({ address }) => address),
};