Newer
Older
// Copyright 2015-2018 Parity Technologies (UK) Ltd.
// This file is part of Parity.
//
import React from 'react';
import Blockies from 'react-blockies';
import PropTypes from 'prop-types';
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,
...otherProps
}) => {
const Container = copyAddress ? CopyContainer : NormalContainer;
return (
<div>
<Header
title={
address &&
name && (
<Container address={address}>
<Blockies seed={address.toLowerCase()} scale={2} size={8} />{' '}
{name} <br />
<span className='account_address'>{address}</span>