diff --git a/js/src/views/Account/Header/header.css b/js/src/views/Account/Header/header.css index 7fb254a6a..ff3f985c3 100644 --- a/js/src/views/Account/Header/header.css +++ b/js/src/views/Account/Header/header.css @@ -41,3 +41,8 @@ .uuidline { display: inline-block; } + +.address { + white-space: nowrap; + font-family: monospace; +} diff --git a/js/src/views/Account/Header/header.js b/js/src/views/Account/Header/header.js index 373576a49..ff2828f28 100644 --- a/js/src/views/Account/Header/header.js +++ b/js/src/views/Account/Header/header.js @@ -19,7 +19,7 @@ import CopyToClipboard from 'react-copy-to-clipboard'; import IconButton from 'material-ui/IconButton'; import Snackbar from 'material-ui/Snackbar'; import CopyIcon from 'material-ui/svg-icons/content/content-copy'; -import { lightWhite, fullWhite, lightBlack } from 'material-ui/styles/colors'; +import { lightWhite, fullWhite, darkBlack } from 'material-ui/styles/colors'; import { Balance, Container, ContainerTitle, IdentityIcon, IdentityName, Tags } from '../../../ui'; @@ -63,58 +63,68 @@ export default class Header extends Component { :
uuid: { uuid }
; return ( - - -
- } /> -
- - - - - - - { address } +
+ + + Address + { address } + copied to clipboard + + } + autoHideDuration={ 4000 } + onRequestClose={ this.handleCopyAddressClose } + bodyStyle={ { + backgroundColor: darkBlack + } } + /> + + + +
+ } /> +
+ + + + + + { address } +
+ { uuidText } +
+ { meta.description } +
+ { this.renderTxCount() }
- { uuidText } -
- { meta.description } +
+
- { this.renderTxCount() } -
-
- -
-
- -
-
+
+ +
+ +
); }