diff --git a/packages/page-treasury/src/Overview/ProposalCreate.tsx b/packages/page-treasury/src/Overview/ProposalCreate.tsx index 7bd0125573d1..953f1e0357e8 100644 --- a/packages/page-treasury/src/Overview/ProposalCreate.tsx +++ b/packages/page-treasury/src/Overview/ProposalCreate.tsx @@ -3,13 +3,12 @@ import type { Option, u128 } from '@polkadot/types'; import type { Permill } from '@polkadot/types/interfaces'; -import type { BN } from '@polkadot/util'; import React, { useMemo, useState } from 'react'; import { Button, InputAddress, InputBalance, MarkWarning, Modal, Static, TxButton } from '@polkadot/react-components'; import { useApi, useToggle } from '@polkadot/react-hooks'; -import { BN_HUNDRED, BN_MILLION } from '@polkadot/util'; +import { BN, BN_HUNDRED, BN_MILLION } from '@polkadot/util'; import { useTranslation } from '../translate.js'; @@ -28,11 +27,15 @@ function Propose ({ className }: Props): React.ReactElement | null { const [bondMin, bondMax, bondPercentage] = useMemo( () => [ - (api.consts.treasury.proposalBondMinimum as u128).toString(), + api.consts.treasury.proposalBondMinimum + ? (api.consts.treasury.proposalBondMinimum as u128).toString() + : null, (api.consts.treasury.proposalBondMaximum as Option)?.isSome ? (api.consts.treasury.proposalBondMaximum as Option).unwrap().toString() : null, - `${(api.consts.treasury.proposalBond as Permill).mul(BN_HUNDRED).div(BN_MILLION).toNumber().toFixed(2)}%` + api.consts.treasury.proposalBond + ? `${(api.consts.treasury.proposalBond as Permill).mul(BN_HUNDRED).div(BN_MILLION).toNumber().toFixed(2)}%` + : `${new BN(0).toNumber().toFixed(2)}%` ], [api] ); @@ -83,11 +86,13 @@ function Propose ({ className }: Props): React.ReactElement | null { > {bondPercentage} - + {bondMin && ( + + )} {bondMax && ( - { - api.tx.treasury.proposeSpend - ? - - - : <> - } + + +