render contract deployment address

js/src/ui/IdentityIcon/identityIcon.js

@@ -15,6 +15,7 @@
 // along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { Component, PropTypes } from 'react';
+import ContractIcon from 'material-ui/svg-icons/action/code';
 
 import styles from './identityIcon.css';
 
@@ -82,7 +83,7 @@ export default class IdentityIcon extends Component {
   }
 
   render () {
-    const { button, className, center, inline, padded, tiny } = this.props;
+    const { address, button, className, center, inline, padded, tiny } = this.props;
     const { iconsrc } = this.state;
     const classes = [
       styles.icon,
@@ -103,6 +104,14 @@ export default class IdentityIcon extends Component {
       size = '32px';
     }
 
+    if (!address) {
+      return (
+        <ContractIcon
+          className={ classes }
+          style={ { width: size, height: size, background: '#eee' } } />
+      );
+    }
+
     return (
       <img
         className={ classes }

js/src/ui/MethodDecoding/methodDecoding.css

@@ -27,7 +27,7 @@
   padding-top: 1em;
   font-size: 0.75em;
   line-height: 2em;
-  opacity: 0.75;
+  opacity: 0.5;
 }
 
 .description {
@@ -37,10 +37,8 @@
 
 .name,
 .highlight {
-  background: rgba(255, 255, 255, 0.1);
   color: white;
-  border-radius: 4px;
-  padding: 0.25em 0.4em;
+  padding: 0.25em;
 }
 
 .name,

js/src/views/Account/Transactions/Transaction/transaction.js

@@ -113,17 +113,18 @@ export default class Transaction extends Component {
   renderAddress (prefix, address) {
     const { accounts, contacts, contracts, tokens } = this.props;
 
-    if (!address && !address.length) {
-      return (
-        <td className={ styles.left } />
-      );
-    }
-
-    const link = `${prefix}address/${address}`;
     const account = (accounts || {})[address] || (contacts || {})[address] || (tokens || {})[address] || (contracts || {})[address];
     const name = account
       ? account.name.toUpperCase()
       : this.formatHash(address);
+    const eslink = address ? (
+      <a
+        href={ `${prefix}address/${address}` }
+        target='_blank'
+        className={ styles.link }>
+        { name }
+      </a>
+    ) : 'DEPLOY';
 
     return (
       <td className={ styles.address }>
@@ -135,12 +136,7 @@ export default class Transaction extends Component {
             address={ address } />
         </div>
         <div className={ styles.center }>
-          <a
-            href={ link }
-            target='_blank'
-            className={ styles.link }>
-            { name }
-          </a>
+          { eslink }
         </div>
       </td>
     );

js/src/views/Account/Transactions/transactions.css

@@ -97,4 +97,5 @@
   padding-top: 1.5em;
   text-align: right;
   line-height: 1.5em;
+  opacity: 0.5;
 }