From d1bcfdd0ce7e31e4d6ac13259afbca361a72c80b Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jaco@ethcore.io>
Date: Sun, 9 Oct 2016 21:47:46 +0200
Subject: [PATCH] display account uuid (where available), closes #2546

---
 js/src/views/Account/Header/header.css | 12 +++++++++---
 js/src/views/Account/Header/header.js  |  7 ++++++-
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/js/src/views/Account/Header/header.css b/js/src/views/Account/Header/header.css
index ede42ed3aac..35ce0a700db 100644
--- a/js/src/views/Account/Header/header.css
+++ b/js/src/views/Account/Header/header.css
@@ -28,10 +28,16 @@
 }
 
 .addressline,
-.infoline {
+.infoline,
+.uuidline {
   line-height: 1.618em;
 }
 
-.infoline {
-  color: #aaa;
+.infoline,
+.uuidline {
+  opacity: 0.25;
+}
+
+.uuidline {
+  display: inline-block;
 }
diff --git a/js/src/views/Account/Header/header.js b/js/src/views/Account/Header/header.js
index a8c4cd2fc42..9bb135ce7e6 100644
--- a/js/src/views/Account/Header/header.js
+++ b/js/src/views/Account/Header/header.js
@@ -47,13 +47,17 @@ export default class Header extends Component {
 
   render () {
     const { account, balance } = this.props;
-    const { address, meta } = account;
+    const { address, meta, uuid } = account;
     const { name } = this.state;
 
     if (!account) {
       return null;
     }
 
+    const uuidText = !uuid
+      ? null
+      : <div className={ styles.uuidline }>uuid: { uuid }</div>;
+
     return (
       <Container>
         <IdentityIcon
@@ -63,6 +67,7 @@ export default class Header extends Component {
           <div className={ styles.addressline }>
             { address }
           </div>
+          { uuidText }
           <div className={ styles.infoline }>
             { meta.description }
           </div>