mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-23 02:10:12 +01:00
ab4843f06b
* UX: Multichain: Implement Account Details Popover * Styling account details popover * using ButtonSecondary with variant, removing Text * adding account-details jest test * Close popover when outside area clicked * Move all export functionality into the popover * Improve jest tests * Implement new design for export key screens * Hide warning when popover is closed * Vertically align the copy button * Move AccountDetailsDisplay to its own file * Move authentication to its own file * Move private key to its own component * Fix misalignment of avatar on display screen * Move private key to its own component * Update ui/components/multichain/account-details/account-details-authenticate.js Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net> * Update ui/components/multichain/account-details/account-details.test.js Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net> * Prevent account name overflow, update text size * Use FormTextField * Add analytics * Move location of accountDetailsAddress * Ensure passsword input is used --------- Co-authored-by: Victor Thomas <10986371+vthomas13@users.noreply.github.com> Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net>
21 lines
460 B
JavaScript
21 lines
460 B
JavaScript
import React from 'react';
|
|
import testData from '../../../../.storybook/test-data';
|
|
import { AccountDetails } from './account-details';
|
|
|
|
const [, address] = Object.keys(testData.metamask.identities);
|
|
|
|
export default {
|
|
title: 'Components/Multichain/AccountDetails',
|
|
component: AccountDetails,
|
|
argTypes: {
|
|
address: {
|
|
control: 'text',
|
|
},
|
|
},
|
|
args: {
|
|
address,
|
|
},
|
|
};
|
|
|
|
export const DefaultStory = (args) => <AccountDetails {...args} />;
|