bugfix and fix presentation of cards

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

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,8 +173,7 @@ 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 && (
@ -196,30 +195,19 @@ const WalletPage = (props: Props) => {
</> </>
)} )}
</div> </div>
} </div>
/>
</TabPanel> </TabPanel>
<TabPanel> <TabPanel>
<Card <div className="section card-stack">
body={
<div className="fiat-transactions">
<WalletFiatBalance accountDetails={accountStatusResponse} /> <WalletFiatBalance accountDetails={accountStatusResponse} />
<div style={{paddingTop: '25px'}} />
<WalletFiatAccountHistory transactions={accountTransactionResponse} /> <WalletFiatAccountHistory transactions={accountTransactionResponse} />
</div> </div>
}
/>
</TabPanel> </TabPanel>
<TabPanel> <TabPanel>
<Card <div className="section card-stack">
body={
<div className="payment-history-tab">
<WalletFiatPaymentBalance transactions={customerTransactions} totalTippedAmount={totalTippedAmount} accountDetails={accountStatusResponse} /> <WalletFiatPaymentBalance transactions={customerTransactions} totalTippedAmount={totalTippedAmount} accountDetails={accountStatusResponse} />
<div style={{paddingTop: '25px'}} />
<WalletFiatPaymentHistory transactions={customerTransactions} /> <WalletFiatPaymentHistory transactions={customerTransactions} />
</div> </div>
}
/>
</TabPanel> </TabPanel>
</TabPanels> </TabPanels>
</Tabs> </Tabs>