header and tranactionList component translated

This commit is contained in:
Intnick 2017-05-26 16:19:49 +02:00
parent 9ba4da4032
commit c5df087504
3 changed files with 18 additions and 12 deletions

View file

@ -227,5 +227,11 @@
"Be the first": "Be the first", "Be the first": "Be the first",
"Refreshing the Dewey Decimals": "Refreshing the Dewey Decimals", "Refreshing the Dewey Decimals": "Refreshing the Dewey Decimals",
"This location is unused.": "This location is unused.", "This location is unused.": "This location is unused.",
"Put something here!": "Put something here!" "Put something here!": "Put something here!",
"Transaction History": "Transaction History",
"You have no transactions.": "You have no transactions.",
"Loading transactions": "Loading transactions",
"Amount": "Amount",
"Time": "Time",
"Transaction": "Transaction"
} }

View file

@ -23,7 +23,7 @@ export const Header = (props) => {
<Link onClick={() => navigate('/wallet')} button="text" icon="icon-bank" label={balance} ></Link> <Link onClick={() => navigate('/wallet')} button="text" icon="icon-bank" label={balance} ></Link>
</div> </div>
<div className="header__item"> <div className="header__item">
<Link onClick={() => navigate('/publish')} button="primary button--flat" icon="icon-upload" label="Publish" /> <Link onClick={() => navigate('/publish')} button="primary button--flat" icon="icon-upload" label={__("Publish")} />
</div> </div>
<div className="header__item"> <div className="header__item">
<Link onClick={() => navigate('/downloaded')} button="alt button--flat" icon="icon-folder" /> <Link onClick={() => navigate('/downloaded')} button="alt button--flat" icon="icon-folder" />

View file

@ -22,8 +22,8 @@ class TransactionList extends React.Component{
rows.push( rows.push(
<tr key={item.id}> <tr key={item.id}>
<td>{ (item.amount > 0 ? '+' : '' ) + item.amount }</td> <td>{ (item.amount > 0 ? '+' : '' ) + item.amount }</td>
<td>{ item.date ? item.date.toLocaleDateString() : <span className="empty">(Transaction pending)</span> }</td> <td>{ item.date ? item.date.toLocaleDateString() : <span className="empty">{__("(Transaction pending)")}</span> }</td>
<td>{ item.date ? item.date.toLocaleTimeString() : <span className="empty">(Transaction pending)</span> }</td> <td>{ item.date ? item.date.toLocaleTimeString() : <span className="empty">{__("(Transaction pending)")}</span> }</td>
<td> <td>
<a className="button-text" href={"https://explorer.lbry.io/#!/transaction?id="+item.id}>{item.id.substr(0, 7)}</a> <a className="button-text" href={"https://explorer.lbry.io/#!/transaction?id="+item.id}>{item.id.substr(0, 7)}</a>
</td> </td>
@ -35,19 +35,19 @@ class TransactionList extends React.Component{
return ( return (
<section className="card"> <section className="card">
<div className="card__title-primary"> <div className="card__title-primary">
<h3>Transaction History</h3> <h3>{__("Transaction History")}</h3>
</div> </div>
<div className="card__content"> <div className="card__content">
{ fetchingTransactions && <BusyMessage message="Loading transactions" /> } { fetchingTransactions && <BusyMessage message={__("Loading transactions")} /> }
{ !fetchingTransactions && rows.length === 0 ? <div className="empty">You have no transactions.</div> : '' } { !fetchingTransactions && rows.length === 0 ? <div className="empty">{__("You have no transactions.")}</div> : '' }
{ rows.length > 0 ? { rows.length > 0 ?
<table className="table-standard table-stretch"> <table className="table-standard table-stretch">
<thead> <thead>
<tr> <tr>
<th>Amount</th> <th>{__("Amount")}</th>
<th>Date</th> <th>{__("Date")}</th>
<th>Time</th> <th>{__("Time")}</th>
<th>Transaction</th> <th>{__("Transaction")}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>