m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

added storybook controls for confirm deploy contract component (#15236)

Browse Source 
* added storybook controls for confirm deploy contract component

* fixed args in confirm-deploy-contract-storybook

Co-authored-by: David Walsh <davidwalsh83@gmail.com>
This commit is contained in:
Nidhi Kumari 2022-07-22 03:04:13 +05:30 committed by GitHub
parent e6931e3f5d
commit c85af877bd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
ui/pages/confirm-deploy-contract/confirm-deploy-contract.stories.js
View File

@ -1,60 +1,22 @@
/* eslint-disable react/prop-types */ /* eslint-disable react/prop-types */
import React, { useEffect } from 'react'; import React from 'react';
import { select } from '@storybook/addon-knobs';
import { store } from '../../../.storybook/preview';
import { updateTransactionParams } from '../../store/actions';
import ConfirmDeployContract from '.'; import ConfirmDeployContract from '.';
export default { export default {
title: 'Pages/ConfirmDeployContract', title: 'Pages/ConfirmDeployContract',
id: __filename, id: __filename,
component: ConfirmDeployContract,
argTypes: {
txData: {
control: {
type: 'object',
},
},
},
}; };
// transaction ID export const DefaultStory = (args) => {
const id = 3111025347726181; return <ConfirmDeployContract {...args} />;
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>
<ConfirmDeployContract />
</PageSet>
);
}; };
DefaultStory.storyName = 'Default'; DefaultStory.storyName = 'Default';