ghost-portal/packages/page-staking/src/ElectionBanner.tsx
2020-09-17 16:46:46 +02:00

27 lines
652 B
TypeScript

// Copyright 2017-2020 @polkadot/app-staking authors & contributors
// SPDX-License-Identifier: Apache-2.0
import React from 'react';
import { useTranslation } from './translate';
interface Props {
isInElection?: boolean;
}
function ElectionBanner ({ isInElection }: Props): React.ReactElement<Props> | null {
const { t } = useTranslation();
if (!isInElection) {
return null;
}
return (
<article className='warning centered'>
{t<string>('There is currently an ongoing election for new validator candidates. As such staking operations are not permitted.')}
</article>
);
}
export default React.memo(ElectionBanner);