15c6b90b6a
* Introduce React.memo for react-components * Api with memo * Cleanup Dropdown * Adjust toggle highlight * Chart exports
43 lines
1.0 KiB
TypeScript
43 lines
1.0 KiB
TypeScript
// Copyright 2017-2020 @polkadot/react-components authors & contributors
|
|
// This software may be modified and distributed under the terms
|
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
|
|
|
import React from 'react';
|
|
|
|
import Modal from './Modal';
|
|
import TxButton from './TxButton';
|
|
import { useTranslation } from './translate';
|
|
|
|
interface Props {
|
|
accountId: string | null;
|
|
className?: string;
|
|
isDisabled?: boolean;
|
|
onClick: () => void;
|
|
params: any[];
|
|
tx: string;
|
|
}
|
|
|
|
function VoteActions ({ accountId, className, isDisabled, onClick, params, tx }: Props): React.ReactElement<Props> {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<Modal.Actions
|
|
className={className}
|
|
onCancel={onClick}
|
|
>
|
|
<TxButton
|
|
accountId={accountId}
|
|
icon='check'
|
|
isDisabled={!accountId || isDisabled}
|
|
isPrimary
|
|
label={t('Vote')}
|
|
onStart={onClick}
|
|
params={params}
|
|
tx={tx}
|
|
/>
|
|
</Modal.Actions>
|
|
);
|
|
}
|
|
|
|
export default React.memo(VoteActions);
|