lbry-desktop/ui/js/component/walletBalance/view.jsx
2017-08-29 14:40:30 -04:00

28 lines
710 B
JavaScript

import React from "react";
import Link from "component/link";
import { CreditAmount } from "component/common";
const WalletBalance = props => {
const { balance, navigate } = props;
return (
<section className="card">
<div className="card__title-primary">
<h3>{__("Balance")}</h3>
</div>
<div className="card__content">
{balance && <CreditAmount amount={balance} precision={8} />}
</div>
<div className="card__content">
<div className="help">
<Link
onClick={() => navigate("/backup")}
label={__("Backup Your Wallet")}
/>
</div>
</div>
</section>
);
};
export default WalletBalance;