mars-v2-frontend/src/components/Trade/AccountDetailsCard.tsx
Linkie Link 0c7f39a6a7
Refactor balances table (#590)
* env: update env.example after last sync

* tidy: refactored AccountBalancesTable

* fix: updated isCard to hideCard
2023-10-26 16:19:59 +02:00

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'
/>
)
}