mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-10-22 19:26:13 +02:00
c5368c152b
* added storybook test runner * added test runner in ci * updated test for ci and fixed lint error * updated lavamoat policy * updated test command * updated playwright * changed command to storybook;ci * updated command * updated instance for test-storybook * updated playwright * added playwright step * replaced concurrently with start-server-and-test * updated the static storybook directory * replaced first with last * updated lock file * replaced first with last * updated test-storybook with maxworkers * updated .depchechrc * updated yml * removed id from banner base * replaced broken stories with .stories-to-do.js extesnsion * updated token allowance story * removed duplicacies from yarn * fixed lavamoat * removed filename comment * updated links for docs * fixed file extension for stories * updated path for stories.json * updated stories.json path * yarn updated * updated stories * updated yarn * updated wait on
78 lines
2.3 KiB
JavaScript
78 lines
2.3 KiB
JavaScript
import React from 'react';
|
|
import { action } from '@storybook/addon-actions';
|
|
import { PermissionPageContainerContent } from '../../components/app/permission-page-container';
|
|
import PermissionsConnectFooter from '../../components/app/permissions-connect-footer';
|
|
import { PageContainerFooter } from '../../components/ui/page-container';
|
|
import ChooseAccount from './choose-account';
|
|
|
|
export default {
|
|
title: 'Pages/PermissionsConnect',
|
|
};
|
|
|
|
export const ChooseAccountComponent = () => {
|
|
return (
|
|
<ChooseAccount
|
|
selectAccounts={action('Account(s) Selected')}
|
|
selectedAccountAddresses={
|
|
new Set([
|
|
'0xcb47e5e29f925e7482d1712297fb6b268f412344',
|
|
'0xf68a4b64162906eff0ff6ae34e2bb1cd42fef62d',
|
|
'0xbe0eb53f46cd790cd13851d5eff43d12404d33e8',
|
|
])
|
|
}
|
|
targetSubjectMetadata={{
|
|
iconUrl: './gnosis.svg',
|
|
name: 'Gnosis - Manage Digital Assets',
|
|
origin: 'https://gnosis-safe.io',
|
|
}}
|
|
accounts={[
|
|
{
|
|
address: '0xcb47e5e29f925e7482d1712297fb6b268f412344',
|
|
addressLabel: 'Account 1 (...2344)',
|
|
balance: '0x176e5b6f173ebe66',
|
|
label: 'Account 1',
|
|
},
|
|
{
|
|
address: '0xf68a4b64162906eff0ff6ae34e2bb1cd42fef62d',
|
|
addressLabel: 'Account 2 (...f62d)',
|
|
balance: '0x176e5b6f173e',
|
|
label: 'Account 2',
|
|
},
|
|
{
|
|
address: '0xbe0eb53f46cd790cd13851d5eff43d12404d33e8',
|
|
addressLabel: 'Account 3 (...33e8)',
|
|
balance: '0x176e5b6f173ebe',
|
|
label: 'Account 3',
|
|
},
|
|
]}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export const PermissionPageContainerComponent = () => {
|
|
return (
|
|
<div className="page-container permission-approval-container">
|
|
<PermissionPageContainerContent
|
|
subjectMetadata={{
|
|
extensionId: '1',
|
|
iconUrl: './gnosis.svg',
|
|
name: 'Gnosis - Manage Digital Assets',
|
|
origin: 'https://gnosis-safe.io',
|
|
}}
|
|
selectedPermissions={{
|
|
eth_accounts: true,
|
|
}}
|
|
/>
|
|
<div className="permission-approval-container__footers">
|
|
<PermissionsConnectFooter />
|
|
<PageContainerFooter
|
|
cancelButtonType="default"
|
|
onSubmit={action('Account(s) Connected')}
|
|
submitText="connect"
|
|
buttonSizeLarge={false}
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|