Cafe137
fac72b1299
* feat: add staking * feat: enable staking in full mode, add loading state * chore: revert constants
42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
import { BigNumber } from 'bignumber.js'
|
|
import { ReactElement, useContext } from 'react'
|
|
import Download from 'remixicon-react/DownloadLineIcon'
|
|
import WithdrawDepositModal from '../components/WithdrawDepositModal'
|
|
import { Context as BeeContext } from '../providers/Bee'
|
|
import { Context as SettingsContext } from '../providers/Settings'
|
|
|
|
interface Props {
|
|
onStarted: () => void
|
|
onFinished: () => void
|
|
}
|
|
|
|
export default function StakeModal({ onStarted, onFinished }: Props): ReactElement {
|
|
const { beeDebugApi } = useContext(SettingsContext)
|
|
const { refresh } = useContext(BeeContext)
|
|
|
|
return (
|
|
<WithdrawDepositModal
|
|
successMessage="Successfully deposited stake."
|
|
errorMessage="Error with depositing"
|
|
dialogMessage="Specify the amount of xBZZ you would like to stake. Your first stake must be at least 10 xBZZ. This will lock your tokens."
|
|
label="Stake"
|
|
icon={<Download size="1rem" />}
|
|
min={new BigNumber(0)}
|
|
action={async (amount: bigint) => {
|
|
if (!beeDebugApi) throw new Error('Bee Debug URL is not valid')
|
|
|
|
onStarted()
|
|
|
|
try {
|
|
await beeDebugApi.depositStake(amount.toString())
|
|
} finally {
|
|
refresh()
|
|
onFinished()
|
|
}
|
|
|
|
return 'unknown'
|
|
}}
|
|
/>
|
|
)
|
|
}
|