ghost-portal/packages/page-staking/src/ElectionBanner.tsx
2021-01-03 11:33:39 +01:00

27 lines
652 B
TypeScript

// Copyright 2017-2021 @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);