ghost-portal/packages/react-signer/src/Unlock.tsx
Jaco Greeff 6fb8916e6f
More functional component conversions (#1640)
* More functional component conversions

* Expose systemVersion on api

* Signer checks

* KeyRing uses local IdentityIcon
2019-09-20 16:08:37 +02:00

55 lines
1.5 KiB
TypeScript

// Copyright 2017-2019 @polkadot/react-signer 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 { I18nProps } from '@polkadot/react-components/types';
import { KeyringPair } from '@polkadot/keyring/types';
import React, { useState } from 'react';
import { Password } from '@polkadot/react-components';
import keyring from '@polkadot/ui-keyring';
import translate from './translate';
interface Props extends I18nProps {
autoFocus?: boolean;
error?: string;
onChange: (password: string) => void;
onEnter?: () => void;
password: string;
tabIndex?: number;
value?: string | null;
}
function getPair (address?: string | null): KeyringPair | null {
try {
return keyring.getPair(address as string);
} catch (error) {
return null;
}
}
function Unlock ({ autoFocus, error, onChange, onEnter, password, t, tabIndex, value }: Props): React.ReactElement<Props> | null {
const [pair] = useState<KeyringPair | null>(getPair(value));
if (!pair || !(pair.isLocked) || pair.meta.isInjected) {
return null;
}
return (
<div className='ui--signer-Signer-Unlock'>
<Password
autoFocus={autoFocus}
isError={!!error}
label={t('unlock account with password')}
onChange={onChange}
onEnter={onEnter}
tabIndex={tabIndex}
value={password}
/>
</div>
);
}
export default translate(Unlock);