First draft of the MultiSig Wallet (#3700)

* Wallet Creation Modal #3282 * Name and description to Wallet #3282 * Add Wallet to the Account Page and Wallet Page #3282 * Fix Linting * Crete MobX store for Transfer modal * WIP Wallet Redux Store * Basic Details for Wallet #3282 * Fixing linting * Refactoring Transfer store for Wallet * Working wallet init transfer #3282 * Optional gas in MethodDecoding + better input * Show confirmations for Wallet #3282 * Order confirmations * Method Decoding selections * MultiSig txs and confirm pending #3282 * MultiSig Wallet Revoke #3282 * Confirmations and Txs Update #3282 * Feedback for Confirmations #3282 * Merging master fixes... * Remove unused CSS
2016-12-06 09:37:59 +01:00
parent ad36743122
commit bec3539651
47 changed files with 3202 additions and 160 deletions
--- a/js/src/views/Wallet/Transactions/transactions.js
+++ b/js/src/views/Wallet/Transactions/transactions.js
@@ -0,0 +1,85 @@
+// Copyright 2015, 2016 Ethcore (UK) Ltd.
+// This file is part of Parity.
+
+// Parity is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+
+// Parity is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+
+// You should have received a copy of the GNU General Public License
+// along with Parity.  If not, see <http://www.gnu.org/licenses/>.
+
+import React, { Component, PropTypes } from 'react';
+
+import { bytesToHex } from '../../../api/util/format';
+import { Container } from '../../../ui';
+import { TxRow } from '../../../ui/TxList/txList';
+
+import txListStyles from '../../../ui/TxList/txList.css';
+
+export default class WalletTransactions extends Component {
+  static propTypes = {
+    address: PropTypes.string.isRequired,
+    isTest: PropTypes.bool.isRequired,
+    transactions: PropTypes.array
+  };
+
+  static defaultProps = {
+    transactions: []
+  };
+
+  render () {
+    return (
+      <div>
+        <Container title='Transactions'>
+          { this.renderTransactions() }
+        </Container>
+      </div>
+    );
+  }
+  renderTransactions () {
+    const { address, isTest, transactions } = this.props;
+
+    if (!transactions) {
+      return null;
+    }
+
+    if (transactions.length === 0) {
+      return (
+        <div>
+          <p>No transactions has been sent.</p>
+        </div>
+      );
+    }
+
+    const txRows = transactions.map((transaction) => {
+      const { transactionHash, blockNumber, from, to, value, data } = transaction;
+
+      return (
+        <TxRow
+          key={ transactionHash }
+          tx={ {
+            hash: transactionHash,
+            input: data && bytesToHex(data) || '',
+            blockNumber, from, to, value
+          } }
+          address={ address }
+          isTest={ isTest }
+        />
+      );
+    });
+
+    return (
+      <table className={ txListStyles.transactions }>
+        <tbody>
+          { txRows }
+        </tbody>
+      </table>
+    );
+  }
+}