LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

use .table-standard for transaction history

Browse source
This commit is contained in:
Sonata Green 2016-08-21 12:54:37 -05:00
parent 0b5ec7be77
commit a255d7aefa
2 changed files with 12 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
js/page/wallet.js
View file

@ -133,11 +133,11 @@ var WalletPage = React.createClass({
} else { } else {
var condensedTransactions = {}; var condensedTransactions = {};
var rows = []; var rows = [];
rows.push(<tr className="transaction_history"> rows.push(<tr>
<th className="transaction_history">Amount</th> <th>Amount</th>
<th className="transaction_history">Time</th> <th>Time</th>
<th className="transaction_history">Date</th> <th>Date</th>
<th className="transaction_history">Transaction</th> <th>Transaction</th>
</tr>); </tr>);
results.forEach(function(tx) { results.forEach(function(tx) {
var txid = tx["txid"]; var txid = tx["txid"];
@ -151,18 +151,18 @@ var WalletPage = React.createClass({
var txval = condensedTransactions[txid]; var txval = condensedTransactions[txid];
var txdate = new Date(parseInt(tx["time"])*1000); var txdate = new Date(parseInt(tx["time"])*1000);
if (txid in condensedTransactions && txval != 0) { if (txid in condensedTransactions && txval != 0) {
rows.push(<tr key={txid} className="transaction_history"> rows.push(<tr key={txid}>
<td className="transaction_history">{ (txval>0 ? '+' : '' ) + txval }</td> <td>{ (txval>0 ? '+' : '' ) + txval }</td>
<td className="transaction_history">{ txdate.toLocaleTimeString() }</td> <td>{ txdate.toLocaleTimeString() }</td>
<td className="transaction_history">{ txdate.toLocaleDateString() }</td> <td>{ txdate.toLocaleDateString() }</td>
<td className="transaction_history"> <td>
<a className="transaction_explorer_link" href={"https://explorer.lbry.io/tx/"+txid}>{txid}</a> <a className="transaction_explorer_link" href={"https://explorer.lbry.io/tx/"+txid}>{txid}</a>
</td> </td>
</tr>); </tr>);
delete condensedTransactions[tx["txid"]]; delete condensedTransactions[tx["txid"]];
} }
}); });
out = <table className="transaction_history"><tbody>{rows}</tbody></table> out = <table className="table-standard"><tbody>{rows}</tbody></table>
} }
this.setState({ this.setState({
txlog: out, txlog: out,
@ -182,7 +182,7 @@ var WalletPage = React.createClass({
<h3>Claim Invite Code</h3> <h3>Claim Invite Code</h3>
<Link href="?claim" label="Claim a LBRY beta invite code" button="alt" /> <Link href="?claim" label="Claim a LBRY beta invite code" button="alt" />
</section> </section>
<section className="card"> <section className="card" style={{'overflowX': 'auto'}}>
<h3>Transaction History</h3> <h3>Transaction History</h3>
{this.state.txlog} {this.state.txlog}
</section> </section>

9
scss/_gui.scss
View file

@ -212,12 +212,3 @@ input[type="text"], input[type="search"], textarea
margin-top: $spacing-vertical; margin-top: $spacing-vertical;
} }
} }
td.transaction_history, tr.transaction_history {
padding: 4px;
}
a.transaction_explorer_link {
color: $color-primary;
text-decoration: underline;
font-family: monospace;
}