neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add seconding bond to modal (#4313)

Browse Source
This commit is contained in:
Jaco Greeff 2021-01-04 10:03:24 +01:00 committed by GitHub
parent 3ee26940a6
commit 5f80fc509f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/page-democracy/src/Overview/Seconding.tsx
View File

@ -2,24 +2,25 @@
// SPDX-License-Identifier: Apache-2.0
import type { DeriveProposalImage } from '@polkadot/api-derive/types';
import type { AccountId } from '@polkadot/types/interfaces';
import type { AccountId, Balance } from '@polkadot/types/interfaces';
import BN from 'bn.js';
import React, { useState } from 'react';
import { Button, InputAddress, Modal, ProposedAction, TxButton } from '@polkadot/react-components';
import { Button, InputAddress, InputBalance, Modal, ProposedAction, TxButton } from '@polkadot/react-components';
import { useAccounts, useApi, useToggle } from '@polkadot/react-hooks';
import { useTranslation } from '../translate';
interface Props {
className?: string;
deposit?: Balance;
depositors: AccountId[];
image?: DeriveProposalImage;
proposalId: BN | number;
}
function Seconding ({ depositors, image, proposalId }: Props): React.ReactElement<Props> | null {
function Seconding ({ deposit, depositors, image, proposalId }: Props): React.ReactElement<Props> | null {
const { t } = useTranslation();
const { hasAccounts } = useAccounts();
const { api } = useApi();
@ -63,6 +64,18 @@ function Seconding ({ depositors, image, proposalId }: Props): React.ReactElemen
<p>{t<string>('Seconding a proposal that indicates your backing for the proposal. Proposals with greater interest moves up the queue for potential next referendums.')}</p>
</Modal.Column>
</Modal.Columns>
<Modal.Columns>
<Modal.Column>
<InputBalance
isDisabled
label={t<string>('deposit required')}
value={deposit || api.consts.democracy.minimumDeposit}
/>
</Modal.Column>
<Modal.Column>
<p>{t<string>('The deposit will be locked for the lifetime of the proposal.')}</p>
</Modal.Column>
</Modal.Columns>
</Modal.Content>
<Modal.Actions onCancel={toggleSeconding}>
<TxButton