1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-25 20:02:58 +01:00

added storybook controls for confirm send ether component (#15235)

* added storybook controls for confirm send ether component

* fixed lint errors

* corrected the argTypes for send-ether-storybook component
This commit is contained in:
Nidhi Kumari 2022-07-22 23:28:37 +05:30 committed by GitHub
parent f1ca3e56e7
commit 132c1818df
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,59 +1,25 @@
import React, { useEffect } from 'react';
import { select } from '@storybook/addon-knobs';
import { store } from '../../../.storybook/preview';
import { updateTransactionParams } from '../../store/actions';
import React from 'react';
import ConfirmSendEther from '.';
export default {
title: 'Pages/ConfirmSendEther',
id: __filename,
component: ConfirmSendEther,
argTypes: {
editTransaction: {
action: 'editTransaction',
},
history: {
control: 'object',
},
txParams: {
control: 'object',
},
},
};
// transaction id for redux dispatcher
const id = 3111025347726181;
const PageSet = ({ children }) => {
const options = [];
const receiverOptions = {
'Address 1': '0xaD6D458402F60fD3Bd25163575031ACDce07538D',
'Address 2': '0x55e0bfb2d400e9be8cf9b114e38a40969a02f69a',
};
const state = store.getState();
const { identities } = state.metamask;
Object.keys(identities).forEach(function (key) {
options.push({
label: identities[key].name,
address: key,
});
});
const sender = select('Sender', options, options[0]);
const receiver = select(
'Receiver',
receiverOptions,
'0xaD6D458402F60fD3Bd25163575031ACDce07538D',
);
const confirmTransactionState = state.confirmTransaction.txData.txParams;
useEffect(() => {
confirmTransactionState.from = sender.address;
store.dispatch(updateTransactionParams(id, confirmTransactionState));
}, [sender, confirmTransactionState]);
useEffect(() => {
confirmTransactionState.to = receiver;
store.dispatch(updateTransactionParams(id, confirmTransactionState));
}, [receiver, confirmTransactionState]);
return children;
};
export const DefaultStory = () => {
return (
<PageSet>
<ConfirmSendEther />
</PageSet>
);
export const DefaultStory = (args) => {
return <ConfirmSendEther {...args} />;
};
DefaultStory.storyName = 'Default';