1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-04 23:14:56 +01:00
metamask-extension/ui/pages/send/send-header/send-header.stories.js
VSaric cb815a91ad
SendHeader, ContactListTab and AdvancedTab story: converted knobs and actions to controls / args (#13230)
* SendHeader, ContactListTab and AdvancedTab story: converted knobs and actions to controls / args

* Added the other function type props to action controls

* Requested review changes
2022-01-17 10:58:12 -08:00

62 lines
1.4 KiB
JavaScript

import React, { useEffect } from 'react';
import { combineReducers, createStore } from 'redux';
import { Provider } from 'react-redux';
import {
updateSendStage,
updateSendAsset,
} from '../../../../.storybook/actions/sb-send-action';
import sendSBReducer from '../../../../.storybook/reducers/sb-send-reducer';
import historySBReducer from '../../../../.storybook/reducers/sb-history-reducer';
import SendHeader from './send-header.component';
export default {
title: 'Pages/Send/SendHeader',
id: __filename,
argTypes: {
asset: {
control: {
type: 'select',
},
options: ['NATIVE', 'TOKEN'],
},
stage: {
control: {
type: 'select',
},
options: ['ADD_RECIPIENT', 'DRAFT', 'EDIT', 'INACTIVE'],
},
},
};
const store = createStore(
combineReducers({ send: sendSBReducer, history: historySBReducer }),
);
const state = store.getState();
const { send } = state;
export const DefaultStory = (args) => {
useEffect(() => {
store.dispatch(updateSendAsset(args.asset));
}, [args.asset]);
useEffect(() => {
store.dispatch(updateSendStage(args.stage));
}, [args.stage]);
return (
<Provider store={store}>
<div style={{ width: 600 }}>
<SendHeader {...args} />
</div>
</Provider>
);
};
DefaultStory.storyName = 'Default';
DefaultStory.args = {
asset: 'NATIVE' || send.asset,
stage: 'ADD_RECIPIENT' || send.stage,
};