ghost-portal/packages/page-staking/src/ElectionBanner.tsx
Jaco Greeff c60ba8708a
Bumps w/ eslint (#2802)
* Bumps w/ eslint

* Additional

* Additional

* Additional

* Additional

* Remove style props

* Additional

* Additional

* Additional

* Additional (< 100)

* eslint passes, tsc next

* tsc fixes

* Update deps

* Update i18n
2020-05-24 19:41:14 +02:00

28 lines
742 B
TypeScript

// Copyright 2017-2020 @polkadot/app-staking 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 { 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 nomargin'>
{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);