lbry-desktop/ui/js/page/wallet/view.jsx

36 lines
933 B
React
Raw Normal View History

2017-04-22 15:17:01 +02:00
import React from 'react';
2017-05-05 07:28:28 +02:00
import SubHeader from 'component/subHeader'
import TransactionList from 'component/transactionList'
import WalletAddress from 'component/walletAddress'
import WalletSend from 'component/walletSend'
2017-04-22 15:17:01 +02:00
import {
CreditAmount
} from 'component/common';
const WalletPage = (props) => {
const {
balance,
currentPage
} = props
return (
<main className="main--single-column">
2017-05-05 07:28:28 +02:00
<SubHeader />
2017-04-22 15:17:01 +02:00
<section className="card">
<div className="card__title-primary">
<h3>Balance</h3>
</div>
<div className="card__content">
<CreditAmount amount={balance} precision={8} />
</div>
</section>
{ currentPage === 'wallet' ? <TransactionList {...props} /> : '' }
{ currentPage === 'send' ? <WalletSend {...props} /> : '' }
{ currentPage === 'receive' ? <WalletAddress /> : '' }
2017-04-22 15:17:01 +02:00
</main>
)
}
export default WalletPage;