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

bugfix and fix presentation of cards

Browse source
This commit is contained in:
Anthony 2021-08-13 17:44:56 +02:00
parent a1664f5729
commit bd2d8c413f
No known key found for this signature in database
GPG key ID: C386D3C93D50E356
1 changed files with 32 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -165,7 +165,7 @@ const WalletPage = (props: Props) => {
return ( return (
<Page> <Page>
<Tabs onChange={onTabChange}> <Tabs onChange={onTabChange} index={tabIndex}>
<TabList className="tabs__list--collection-edit-page"> <TabList className="tabs__list--collection-edit-page">
<Tab>{__('LBRY Credits')}</Tab> <Tab>{__('LBRY Credits')}</Tab>
<Tab>{__('Account History')}</Tab> <Tab>{__('Account History')}</Tab>
@ -173,53 +173,41 @@ const WalletPage = (props: Props) => {
</TabList> </TabList>
<TabPanels> <TabPanels>
<TabPanel> <TabPanel>
<Card <div className="section card-stack">
body={ <div className="lbc-transactions">
<div className="lbc-transactions"> {/* if the transactions are loading */}
{/* if the transactions are loading */} { loading && (
{ loading && ( <div className="main--empty">
<div className="main--empty"> <Spinner delayed />
<Spinner delayed /> </div>
</div> )}
)} {/* when the transactions are finished loading */}
{/* when the transactions are finished loading */} { !loading && (
{ !loading && ( <>
<> {showIntro ? (
{showIntro ? ( <YrblWalletEmpty includeWalletLink />
<YrblWalletEmpty includeWalletLink /> ) : (
) : ( <div className="card-stack">
<div className="card-stack"> <WalletBalance />
<WalletBalance /> <TxoList search={search} />
<TxoList search={search} /> </div>
</div> )}
)} </>
</> )}
)} </div>
</div> </div>
}
/>
</TabPanel> </TabPanel>
<TabPanel> <TabPanel>
<Card <div className="section card-stack">
body={ <WalletFiatBalance accountDetails={accountStatusResponse} />
<div className="fiat-transactions"> <WalletFiatAccountHistory transactions={accountTransactionResponse} />
<WalletFiatBalance accountDetails={accountStatusResponse} /> </div>
<div style={{paddingTop: '25px'}} />
<WalletFiatAccountHistory transactions={accountTransactionResponse} />
</div>
}
/>
</TabPanel> </TabPanel>
<TabPanel> <TabPanel>
<Card <div className="section card-stack">
body={ <WalletFiatPaymentBalance transactions={customerTransactions} totalTippedAmount={totalTippedAmount} accountDetails={accountStatusResponse} />
<div className="payment-history-tab"> <WalletFiatPaymentHistory transactions={customerTransactions} />
<WalletFiatPaymentBalance transactions={customerTransactions} totalTippedAmount={totalTippedAmount} accountDetails={accountStatusResponse} /> </div>
<div style={{paddingTop: '25px'}} />
<WalletFiatPaymentHistory transactions={customerTransactions} />
</div>
}
/>
</TabPanel> </TabPanel>
</TabPanels> </TabPanels>
</Tabs> </Tabs>