Vojtech Simetka
ecbc116475
* feat: update design of the accounting page, fixed the worsed graphical offenders * chore: button alignment * chore: removed unused dependency * chore: buttons are underneath the action * feat: refactored the peers table to be in line with the new design * feat: add total uncashed amount and sorting for the peers * feat: action buttons are now properly aligned * chore: typo in comment
27 lines
874 B
TypeScript
27 lines
874 B
TypeScript
import { ReactElement, useContext } from 'react'
|
|
import { Download } from 'react-feather'
|
|
import { Context as SettingsContext } from '../providers/Settings'
|
|
|
|
import WithdrawDepositModal from '../components/WithdrawDepositModal'
|
|
import { BigNumber } from 'bignumber.js'
|
|
|
|
export default function DepositModal(): ReactElement {
|
|
const { beeDebugApi } = useContext(SettingsContext)
|
|
|
|
return (
|
|
<WithdrawDepositModal
|
|
successMessage="Successful deposit."
|
|
errorMessage="Error with depositing"
|
|
dialogMessage="Specify the amount of BZZ you would like to withdraw from your node."
|
|
label="Deposit"
|
|
icon={<Download size="1rem" />}
|
|
min={new BigNumber(0)}
|
|
action={(amount: bigint) => {
|
|
if (!beeDebugApi) throw new Error('Bee Debug URL is not valid')
|
|
|
|
return beeDebugApi.depositTokens(amount.toString())
|
|
}}
|
|
/>
|
|
)
|
|
}
|