From 5ef120f3276f4f6f1c47808c4c358f1067f5e65d Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Fri, 28 Sep 2018 14:24:17 +0200
Subject: [PATCH] UserDetails refactor, adding variable to css

---
 .../Header/component/ProviderInfo/UserDetails.jsx    | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Header/component/ProviderInfo/UserDetails.jsx b/src/components/Header/component/ProviderInfo/UserDetails.jsx
index 4559e8ea..4a4a62cb 100644
--- a/src/components/Header/component/ProviderInfo/UserDetails.jsx
+++ b/src/components/Header/component/ProviderInfo/UserDetails.jsx
@@ -11,10 +11,10 @@ import Img from '~/components/layout/Img'
 import Row from '~/components/layout/Row'
 import Block from '~/components/layout/Block'
 import Spacer from '~/components/Spacer'
-import { xs, sm, md, lg, background } from '~/theme/variables'
+import { xs, sm, md, lg, background, secondary } from '~/theme/variables'
 import { upperFirst } from '~/utils/css'
 import { shortVersionOf } from '~/logic/wallets/ethAddresses'
-import { openInEtherScan } from '~/logic/wallets/getWeb3'
+import { openAddressInEtherScan } from '~/logic/wallets/getWeb3'
 
 const metamask = require('../../assets/metamask.svg')
 const connectedLogo = require('../../assets/connected.svg')
@@ -32,7 +32,7 @@ type Props = {
 
 const openIconStyle = {
   height: '16px',
-  color: '#467ee5',
+  color: secondary,
 }
 
 const styles = () => ({
@@ -97,7 +97,11 @@ const UserDetails = ({
         <Block align="center" className={classes.user}>
           <Paragraph className={classes.address} size="sm" noMargin>{address}</Paragraph>
           { userAddress &&
-            <OpenInNew className={classes.open} style={openIconStyle} onClick={openInEtherScan(userAddress, network)} />
+            <OpenInNew
+              className={classes.open}
+              style={openIconStyle}
+              onClick={openAddressInEtherScan(userAddress, network)}
+            />
           }
         </Block>
       </Block>