73 lines
2.0 KiB
TypeScript
73 lines
2.0 KiB
TypeScript
// Copyright 2019 @polkadot/extension-ui 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 { OnActionFromCtx } from '../components/types';
|
|
|
|
import React, { useState, useEffect } from 'react';
|
|
|
|
import { Address, Button, Header, Loading, TextArea, withAction } from '../components';
|
|
import { createAccount, createSeed } from '../messaging';
|
|
import { Back, Name, Password } from '../partials';
|
|
|
|
type Props = {
|
|
onAction: OnActionFromCtx
|
|
};
|
|
|
|
function Create ({ onAction }: Props) {
|
|
const [account, setAccount] = useState(null as null | { address: string, seed: string });
|
|
const [name, setName] = useState(null as string | null);
|
|
const [password, setPassword] = useState(null as string | null);
|
|
|
|
useEffect(() => {
|
|
createSeed()
|
|
.then(setAccount)
|
|
.catch(console.error);
|
|
}, []);
|
|
|
|
// FIXME Duplicated between here and Import.tsx
|
|
const onCreate = (): void => {
|
|
// this should always be the case
|
|
if (name && password && account) {
|
|
createAccount(name, password, account.seed)
|
|
.then(() => onAction('/'))
|
|
.catch(console.error);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div>
|
|
<Header label='create account' />
|
|
<Back />
|
|
<Loading>{account && (
|
|
<>
|
|
<TextArea
|
|
isReadOnly
|
|
label={`generated 12-word mnemonic seed`}
|
|
value={account.seed}
|
|
/>
|
|
<Name
|
|
isFocussed
|
|
onChange={setName}
|
|
/>
|
|
{name && <Password onChange={setPassword} />}
|
|
{name && password && (
|
|
<>
|
|
<Address
|
|
address={account.address}
|
|
name={name}
|
|
/>
|
|
<Button
|
|
label='Add the account with the generated seed'
|
|
onClick={onCreate}
|
|
/>
|
|
</>
|
|
)}
|
|
</>
|
|
)}</Loading>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default withAction(Create);
|