mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-29 07:16:36 +01:00
d1cea85f33
* Rename `provider` to `providerConfig` The network controller `provider` state has been renamed to `providerConfig`. This better reflects what this state is, and makes this controller more closely aligned with the core network controller. All references to the provider configuration have been updated to prefer `providerConfig` over `provider`, to make the distinction clear between a provider and provider config. Closes #18902 * Add migration
94 lines
2.4 KiB
JavaScript
94 lines
2.4 KiB
JavaScript
import React from 'react';
|
|
import testData from '../../../../.storybook/test-data';
|
|
import README from './README.mdx';
|
|
import SignatureRequest from './signature-request.component';
|
|
|
|
const [MOCK_PRIMARY_IDENTITY, MOCK_SECONDARY_IDENTITY] = Object.values(
|
|
testData.metamask.identities,
|
|
);
|
|
|
|
export default {
|
|
title: 'Components/App/SignatureRequest',
|
|
|
|
component: SignatureRequest,
|
|
parameters: {
|
|
docs: {
|
|
page: README,
|
|
},
|
|
},
|
|
argTypes: {
|
|
txData: { control: 'object' },
|
|
fromAccount: {
|
|
table: {
|
|
address: { control: 'text' },
|
|
balance: { control: 'text' },
|
|
name: { control: 'text' },
|
|
},
|
|
},
|
|
hardwareWalletRequiresConnection: { control: 'boolean' },
|
|
isLedgerWallet: { control: 'boolean' },
|
|
clearConfirmTransaction: { action: 'Clean Confirm' },
|
|
cancel: { action: 'Cancel' },
|
|
sign: { action: 'Sign' },
|
|
},
|
|
};
|
|
|
|
export const DefaultStory = (args) => {
|
|
return <SignatureRequest {...args} />;
|
|
};
|
|
|
|
DefaultStory.storyName = 'Default';
|
|
|
|
DefaultStory.args = {
|
|
txData: {
|
|
msgParams: {
|
|
data: JSON.stringify({
|
|
domain: {
|
|
name: 'happydapp.website',
|
|
},
|
|
message: {
|
|
string: 'haay wuurl',
|
|
number: 42,
|
|
},
|
|
primaryType: 'Mail',
|
|
types: {
|
|
EIP712Domain: [
|
|
{ name: 'name', type: 'string' },
|
|
{ name: 'version', type: 'string' },
|
|
{ name: 'chainId', type: 'uint256' },
|
|
{ name: 'verifyingContract', type: 'address' },
|
|
],
|
|
Group: [
|
|
{ name: 'name', type: 'string' },
|
|
{ name: 'members', type: 'Person[]' },
|
|
],
|
|
Mail: [
|
|
{ name: 'from', type: 'Person' },
|
|
{ name: 'to', type: 'Person[]' },
|
|
{ name: 'contents', type: 'string' },
|
|
],
|
|
Person: [
|
|
{ name: 'name', type: 'string' },
|
|
{ name: 'wallets', type: 'address[]' },
|
|
],
|
|
},
|
|
}),
|
|
origin: 'https://happydapp.website/',
|
|
},
|
|
},
|
|
fromAccount: MOCK_PRIMARY_IDENTITY,
|
|
providerConfig: { name: 'Goerli ETH' },
|
|
selectedAccount: MOCK_PRIMARY_IDENTITY,
|
|
};
|
|
|
|
export const AccountMismatchStory = (args) => {
|
|
return <SignatureRequest {...args} />;
|
|
};
|
|
|
|
AccountMismatchStory.storyName = 'AccountMismatch';
|
|
|
|
AccountMismatchStory.args = {
|
|
...DefaultStory.args,
|
|
selectedAccount: MOCK_SECONDARY_IDENTITY,
|
|
};
|