-
-
-
-
-
- { this.renderStatus() }
-
+
+
+
+
+ { this.renderStatus() }
);
diff --git a/js/src/views/Signer/components/TransactionMainDetails/TransactionMainDetails.css b/js/src/views/Signer/components/TransactionMainDetails/TransactionMainDetails.css
index 78263e91b..6612d960e 100644
--- a/js/src/views/Signer/components/TransactionMainDetails/TransactionMainDetails.css
+++ b/js/src/views/Signer/components/TransactionMainDetails/TransactionMainDetails.css
@@ -14,7 +14,11 @@
/* You should have received a copy of the GNU General Public License
/* along with Parity. If not, see
.
*/
+
+@import '../../_layout.css';
+
.transaction {
+ flex: 1;
}
.transaction > * {
@@ -30,11 +34,11 @@
}
.from .account {
- padding-right: 75px;
+ padding-right: $accountPadding;
}
.to .account {
- padding-left: 75px;
+ padding-left: $accountPadding;
}
.from img, .to img {
diff --git a/js/src/views/Signer/components/TransactionMainDetails/TransactionMainDetails.js b/js/src/views/Signer/components/TransactionMainDetails/TransactionMainDetails.js
index f86150e48..6e83e0c7e 100644
--- a/js/src/views/Signer/components/TransactionMainDetails/TransactionMainDetails.js
+++ b/js/src/views/Signer/components/TransactionMainDetails/TransactionMainDetails.js
@@ -33,7 +33,6 @@ export default class TransactionMainDetails extends Component {
isTest: PropTypes.bool.isRequired,
to: PropTypes.string, // undefined if it's a contract
toBalance: PropTypes.object, // eth BigNumber - undefined if it's a contract or until it's fetched
- className: PropTypes.string,
children: PropTypes.node
};
@@ -60,23 +59,15 @@ export default class TransactionMainDetails extends Component {
}
render () {
- const { className, children } = this.props;
+ const { to } = this.props;
- return (
-
- { this.renderTransfer() }
- { this.renderContract() }
- { children }
-
- );
+ return to
+ ? this.renderTransfer()
+ : this.renderContract();
}
renderTransfer () {
- const { from, fromBalance, to, toBalance, isTest } = this.props;
-
- if (!to) {
- return;
- }
+ const { children, from, fromBalance, to, toBalance, isTest } = this.props;
return (
@@ -101,16 +92,13 @@ export default class TransactionMainDetails extends Component {
isTest={ isTest } />
+ { children }