make owner address a link in expanded tx view

src/routes/safe/components/TransactionsNew/TxsTable/ExpandedTx/OwnersList/index.jsx

@@ -1,5 +1,5 @@
 // @flow
-import React, { useState } from 'react'
+import React from 'react'
 import { List } from 'immutable'
 import { withStyles } from '@material-ui/core/styles'
 import OpenInNew from '@material-ui/icons/OpenInNew'
@@ -7,18 +7,10 @@ import MuiList from '@material-ui/core/List'
 import ListItem from '@material-ui/core/ListItem'
 import ListItemIcon from '@material-ui/core/ListItemIcon'
 import ListItemText from '@material-ui/core/ListItemText'
-import Tab from '@material-ui/core/Tab'
-import Row from '~/components/layout/Row'
-import Block from '~/components/layout/Block'
-import Col from '~/components/layout/Col'
-import Bold from '~/components/layout/Bold'
-import Span from '~/components/layout/Span'
-import Paragraph from '~/components/layout/Paragraph'
-import Hairline from '~/components/layout/Hairline'
 import Identicon from '~/components/Identicon'
 import { type Owner } from '~/routes/safe/store/models/owner'
-import { openTxInEtherScan } from '~/logic/wallets/getWeb3'
+import { getEtherScanLink } from '~/logic/wallets/getWeb3'
-import { shortVersionOf } from '~/logic/wallets/ethAddresses'
+import { secondary } from '~/theme/variables'
 import { styles } from './style'
 
 type Props = {
@@ -26,6 +18,11 @@ type Props = {
   classes: Object,
 }
 
+const openIconStyle = {
+  height: '13px',
+  color: secondary,
+}
+
 const OwnersList = ({ owners, classes }: Props) => (
   <MuiList className={classes.ownersList}>
     {owners.map(owner => (
@@ -33,7 +30,16 @@ const OwnersList = ({ owners, classes }: Props) => (
         <ListItemIcon>
           <Identicon address={owner.address} diameter={32} className={classes.icon} />
         </ListItemIcon>
-        <ListItemText primary={owner.name} secondary={owner.address} />
+        <ListItemText
+          primary={owner.name}
+          secondary={(
+            <a href={getEtherScanLink(owner.address, 'rinkeby')} target="_blank" rel="noopener noreferrer">
+              {owner.address}
+              {' '}
+              <OpenInNew style={openIconStyle} />
+            </a>
+          )}
+        />
       </ListItem>
     ))}
   </MuiList>