header and tranactionList component translated
This commit is contained in:
parent
9ba4da4032
commit
c5df087504
3 changed files with 18 additions and 12 deletions
|
@ -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"
|
||||||
}
|
}
|
|
@ -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" />
|
||||||
|
|
|
@ -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>
|
||||||
|
@ -62,4 +62,4 @@ class TransactionList extends React.Component{
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export default TransactionList
|
export default TransactionList
|
||||||
|
|
Loading…
Reference in a new issue