c7416ae159
* Retrofitting basic unit tests to Accounts Extraction of useAccounts and useBalance hooks * Retrofitting basic unit tests to Accounts Extraction of useAccounts and useBalance hooks * Fixing accounts unit tests - basic account balances * Cleaning up after PR remarks * Fixing arrangements of balances 1/3 Moving ArrangedAccount around * Add useStakingInfo hook * Adopt linter suggestions * Fixing arrangements of balances 2/3 Linking arranged balances values to mocked balances calls. * Fixing arrangements of balances 3/3 Formatting utils made consistent * Details row odd-even + (un)hide * Improving th/td/footer layout * Add tags to details row * Changing layout of account balance with details * Add total/details balances unit tests * Add tags unit tests * Clean up of TODOs, adding comments * Improve tags unit testing * Alternate account row details coloring unit test * Row details toggling unit tests * Row details toggling unit tests - bad commit fix * Style address balances (#5897) * Fix jumping column problem * Improve balances positioning * Format sidebar * Position header * Extract common formatting of balances in tests. Thx @vitaliyworks, great hint. * Revert Sidebar styling * Use rems * Lint * Use useToggle for expanding account row * Add tags header * Apply FormatBalance review comments * Display parent account info above account name (#5947) * Display parent address * Improve layout * Set keyring in tests * Remove redundant code from components * Use derivedAccount only in specific test * Apply lint fixes * Remove parent column from expanded row * Apply review suggestions * Improve styling in ParentAddress component * Improve layout of parent address and add short address * Apply review suggestions * Use map instead of for loops * Fix display of AddressSmall * Fix height of icons in AddressSmall * Fix bouncing cells in address row * Fix density of accounts display Co-authored-by: Marcin Wachulski <marcin@ethworks.io> Co-authored-by: Vitaliy Mysak <vitaliy@ethworks.io> Co-authored-by: MiZiet <55240109+MiZiet@users.noreply.github.com> Co-authored-by: MiZiet <michalzietalak@o2.pl> Co-authored-by: Jaco Greeff <jacogr@gmail.com>
43 lines
967 B
TypeScript
43 lines
967 B
TypeScript
// Copyright 2017-2021 @polkadot/page-accounts authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import React from 'react';
|
|
import styled from 'styled-components';
|
|
|
|
import AccountName from '@polkadot/react-components/AccountName';
|
|
import { Icon } from '@polkadot/react-components/index';
|
|
|
|
interface ParentAccountProps {
|
|
address: string,
|
|
className?: string
|
|
}
|
|
|
|
function ParentAccount ({ address, className }: ParentAccountProps): React.ReactElement<ParentAccountProps> {
|
|
return (
|
|
<div className={className}
|
|
data-testid='parent'>
|
|
<Icon className='parent-icon'
|
|
icon='code-branch'/>
|
|
|
|
<AccountName
|
|
value={address}
|
|
withSidebar
|
|
>
|
|
</AccountName>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default React.memo(styled(ParentAccount)`
|
|
align-items: center;
|
|
color: #8B8B8B;
|
|
font-size: 0.75rem;
|
|
display: flex;
|
|
|
|
& .parent-icon {
|
|
font-size: 0.625rem;
|
|
margin-right: 0.3rem;
|
|
margin-left: 0.15rem;
|
|
}
|
|
`);
|