* env: update env.example after last sync * tidy: refactored AccountBalancesTable * fix: updated isCard to hideCard
29 lines
1.0 KiB
TypeScript
29 lines
1.0 KiB
TypeScript
import { useMemo } from 'react'
|
|
|
|
import AccountBalancesTable from 'components/Account/AccountBalancesTable'
|
|
import useBorrowMarketAssetsTableData from 'hooks/useBorrowMarketAssetsTableData'
|
|
import useCurrentAccount from 'hooks/useCurrentAccount'
|
|
import useLendingMarketAssetsTableData from 'hooks/useLendingMarketAssetsTableData'
|
|
|
|
export default function AccountDetailsCard() {
|
|
const account = useCurrentAccount()
|
|
const { data } = useBorrowMarketAssetsTableData(false)
|
|
const borrowAssetsData = useMemo(() => data?.allAssets || [], [data])
|
|
const { availableAssets: lendingAvailableAssets, accountLentAssets } =
|
|
useLendingMarketAssetsTableData()
|
|
const lendingAssetsData = useMemo(
|
|
() => [...lendingAvailableAssets, ...accountLentAssets],
|
|
[lendingAvailableAssets, accountLentAssets],
|
|
)
|
|
|
|
if (account)
|
|
return (
|
|
<AccountBalancesTable
|
|
account={account}
|
|
borrowingData={borrowAssetsData}
|
|
lendingData={lendingAssetsData}
|
|
tableBodyClassName='gradient-card-content'
|
|
/>
|
|
)
|
|
}
|