Newer
Older
// Copyright 2015-2018 Parity Technologies (UK) Ltd.
// This file is part of Parity.
//
import React from 'react';
import PropTypes from 'prop-types';
import { Avatar } from '../AccountCard/Avatar';
import { ClickToCopy } from '../ClickToCopy';
import { Header } from '../Header';
const NormalContainer = ({ children }) => (
<h1 className='account -header'>{children}</h1>
);
const CopyContainer = ({ address, children, ...otherProps }) => (
<ClickToCopy label='Copy address' textToCopy={address} {...otherProps}>
<Clickable className='account -header'>{children}</Clickable>
export const AccountHeader = ({
address,
copyAddress,
name,
const Container = copyAddress ? CopyContainer : NormalContainer;
return (
<div>
<Header
title={
address &&
<Avatar
address={address}
scale={2}
type={type}
style={{ display: 'inline-block', marginRight: '5px' }}
{name} <br />
<span className='account_address'>{address}</span>