Bálint Ujvári
519c411db0
* feat: sync and update with all changes from fork * refactor: extract clipboard copy logic into custom hook * fix: correct spelling of DEFAULT_REFRESH_FREQUENCY_MS in Stamps and WalletBalance providers * refactor(ui-tests): replace fixed sleeps with condition-based waits * fix: handle null values for size and granteeCount in infoGroups * fix(lint): add newline at end of file in useClipboardCopy hook * fix(ui-tests): page.goto URL * refactor: update import paths for useClipboardCopy --------- Co-authored-by: Ferenc Sárai <sarai.ferenc@gmail.com>
75 lines
3.1 KiB
TypeScript
75 lines
3.1 KiB
TypeScript
import { Box } from '@mui/material'
|
|
import { ReactElement, useContext } from 'react'
|
|
|
|
import ExpandableList from '../../../components/ExpandableList'
|
|
import ExpandableListItem from '../../../components/ExpandableListItem'
|
|
import ExpandableListItemActions from '../../../components/ExpandableListItemActions'
|
|
import ExpandableListItemKey from '../../../components/ExpandableListItemKey'
|
|
import TroubleshootConnectionCard from '../../../components/TroubleshootConnectionCard'
|
|
import DepositModal from '../../../containers/DepositModal'
|
|
import WithdrawModal from '../../../containers/WithdrawModal'
|
|
import { useAccounting } from '../../../hooks/accounting'
|
|
import { CheckState, Context as BeeContext } from '../../../providers/Bee'
|
|
import { Context as SettingsContext } from '../../../providers/Settings'
|
|
import PeerBalances from '../../accounting/PeerBalances'
|
|
import { AccountNavigation } from '../AccountNavigation'
|
|
import { Header } from '../Header'
|
|
|
|
export function AccountChequebook(): ReactElement {
|
|
const { status, nodeAddresses, chequebookAddress, chequebookBalance, settlements, peerBalances } =
|
|
useContext(BeeContext)
|
|
const { beeApi } = useContext(SettingsContext)
|
|
|
|
const { accounting, totalUncashed, isLoadingUncashed } = useAccounting(beeApi, settlements, peerBalances)
|
|
|
|
if (status.all === CheckState.ERROR) return <TroubleshootConnectionCard />
|
|
|
|
const showChequebook = chequebookBalance?.totalBalance !== undefined
|
|
|
|
return (
|
|
<>
|
|
<Header />
|
|
<AccountNavigation active="CHEQUEBOOK" />
|
|
<div>
|
|
{showChequebook && (
|
|
<ExpandableList label="Chequebook" defaultOpen>
|
|
<ExpandableListItem
|
|
label="Total Balance"
|
|
value={`${chequebookBalance?.totalBalance.toSignificantDigits(4)} xBZZ`}
|
|
/>
|
|
<ExpandableListItem
|
|
label="Available Uncommitted Balance"
|
|
value={`${chequebookBalance?.availableBalance.toSignificantDigits(4)} xBZZ`}
|
|
/>
|
|
<ExpandableListItem
|
|
label="Total Cheques Amount Sent"
|
|
value={`${settlements?.totalSent.toSignificantDigits(4)} xBZZ`}
|
|
/>
|
|
<Box mb={2}>
|
|
<ExpandableListItem
|
|
label="Total Cheques Amount Received"
|
|
value={`${settlements?.totalReceived.toSignificantDigits(4)} xBZZ`}
|
|
/>
|
|
</Box>
|
|
<ExpandableListItemActions>
|
|
<WithdrawModal />
|
|
<DepositModal />
|
|
</ExpandableListItemActions>
|
|
</ExpandableList>
|
|
)}
|
|
<ExpandableList label="Blockchain" defaultOpen>
|
|
<ExpandableListItemKey
|
|
label="Ethereum address"
|
|
value={nodeAddresses?.ethereum ? nodeAddresses.ethereum.toChecksum() : ''}
|
|
/>
|
|
<ExpandableListItemKey
|
|
label="Chequebook contract address"
|
|
value={chequebookAddress?.chequebookAddress.toString() || ''}
|
|
/>
|
|
</ExpandableList>
|
|
<PeerBalances accounting={accounting} isLoadingUncashed={isLoadingUncashed} totalUncashed={totalUncashed} />
|
|
</div>
|
|
</>
|
|
)
|
|
}
|