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

fiat and lbc tabs coming along

Browse source
This commit is contained in:
Anthony 2021-07-28 13:08:28 +02:00
parent dae121bfe3
commit 1978b936ad
No known key found for this signature in database
GPG key ID: C386D3C93D50E356
1 changed files with 43 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
ui/page/wallet/view.jsx
View file

@ -19,23 +19,52 @@ const WalletPage = (props: Props) => {
const showIntro = totalBalance === 0;
const loading = totalBalance === undefined;
const TAB_LBC_TRANSACTIONS = 'TabLBCTransactions';
const TAB_FIAT_TRANSACTIONS = 'TabFiatTransactions';
const [activeTab, setActiveTab] = React.useState(TAB_LBC_TRANSACTIONS);
return (
<Page>
{loading && (
<div className="main--empty">
<Spinner delayed />
</div>
)}
{!loading && (
{/* tabs to switch between fiat and lbc */}
<h2 style={{display: 'inline-block', paddingBottom: '14px', marginRight: '10px', textUnderlineOffset: '4px', textDecoration: 'underline'}}
onClick={() => {
document.getElementsByClassName('lbc-transactions')[0].style.display = 'inline';
document.getElementsByClassName('fiat-transactions')[0].style.display = 'none';
}}
>LBC Transactions</h2>
<h2 style={{display: 'inline-block'}}
onClick={() => {
document.getElementsByClassName('lbc-transactions')[0].style.display = 'none';
document.getElementsByClassName('fiat-transactions')[0].style.display = 'inline';
}}
>Fiat Transactions</h2>
<div className="lbc-transactions">
{/* if the transactions are loading */}
{ loading && (
<div className="main--empty">
<Spinner delayed />
</div>
)}
{/* when the transactions are finished loading */}
{ !loading && (
<>
{showIntro ? (
<YrblWalletEmpty includeWalletLink />
) : (
<div className="card-stack">
<WalletBalance />
<TxoList search={search} />
</div>
)}
</>
)}
</div>
{(
<>
{showIntro ? (
<YrblWalletEmpty includeWalletLink />
) : (
<div className="card-stack">
<WalletBalance />
<TxoList search={search} />
</div>
)}
<div className="fiat-transactions">
<h2>Here's your fiat transactions</h2>
</div>
</>
)}
</Page>