From bc50ad0ad9a2a2f2588ceeab500313b0ae49e907 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Radka=20Gettov=C3=A1?=
 <45002188+radkaag@users.noreply.github.com>
Date: Mon, 26 Nov 2018 10:06:24 +0100
Subject: [PATCH] Make Block Hash "Hover to Copy"-able (#458)

---
 packages/app-explorer/src/BlockHeader/index.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/app-explorer/src/BlockHeader/index.tsx b/packages/app-explorer/src/BlockHeader/index.tsx
index d556ad8809..91b7dc50f1 100644
--- a/packages/app-explorer/src/BlockHeader/index.tsx
+++ b/packages/app-explorer/src/BlockHeader/index.tsx
@@ -15,6 +15,7 @@ import numberFormat from '@polkadot/ui-react-rx/util/numberFormat';
 import withApi from '@polkadot/ui-react-rx/with/api';
 import u8aToHex from '@polkadot/util/u8a/toHex';
 
+import CopyButton from '@polkadot/ui-app/CopyButton';
 import Extrinsics from './Extrinsics';
 
 type Props = ApiProps & BareProps & {
@@ -44,11 +45,12 @@ class BlockHeader extends React.PureComponent<Props> {
           <div>{numberFormat(number)}</div>
         </div>
         <div className='details'>
-          <div className='hash'>{
-            isLinkable && withLink
+          <div className='hash'>
+            {isLinkable && withLink
               ? <Link to={`/explorer/hash/${hashHex}`}>{hashHex}</Link>
-              : hashHex
-          }</div>
+              : hashHex}
+            <CopyButton value={hashHex} />
+          </div>
           <table className='contains'>
             <tbody>
               <tr>