git.iko.soy/bridge
on master help sign in
Merge pull request #995 from urbit/t/994-mnemonic-passphrase-api-perf
2060219tomholford
src/views/Login/Mnemonic.tsx+26−21
compare with master
unifiedsplit
@@ -6,7 +6,7 @@ import { Grid } from 'indigo-react';
6import { useWallet } from 'store/wallet';
6import { useWallet } from 'store/wallet';
7
7
8import { walletFromMnemonic } from 'lib/wallet';
8import { walletFromMnemonic } from 'lib/wallet';
9−import { DEFAULT_HD_PATH, WALLET_TYPES } from 'lib/constants';
9+import { DEFAULT_HD_PATH, ONE_SECOND, WALLET_TYPES } from 'lib/constants';
10import useLoginView from 'lib/useLoginView';
10import useLoginView from 'lib/useLoginView';
11import { MnemonicInput, HdPathInput, PassphraseInput } from 'form/Inputs';
11import { MnemonicInput, HdPathInput, PassphraseInput } from 'form/Inputs';
12import {
12import {
@@ -25,6 +25,7 @@ import HeaderPane from 'components/L2/Window/HeaderPane';
25import BodyPane from 'components/L2/Window/BodyPane';
25import BodyPane from 'components/L2/Window/BodyPane';
26import AdvancedOptions from 'components/L2/Headers/AdvancedOptions';
26import AdvancedOptions from 'components/L2/Headers/AdvancedOptions';
27import { Row } from '@tlon/indigo-react';
27import { Row } from '@tlon/indigo-react';
28+import { debounce } from 'lodash';
28
29
29interface MnemonicProps {
30interface MnemonicProps {
30 className?: string;
31 className?: string;
@@ -52,26 +53,30 @@ export default function Mnemonic({ className, goHome }: MnemonicProps) {
52 }, [skipValidation]);
53 }, [skipValidation]);
53
54
54 // when the properties change, re-derive wallet and set global state
55 // when the properties change, re-derive wallet and set global state
55− const onValues = useCallback(
56− ({ valid, values }) => {
56+ const debouncedOnValues = debounce(({ valid, values }) => {
57− if (valid) {
57+ if (valid) {
58− setWalletHdPath(values.hdpath);
58+ setWalletHdPath(values.hdpath);
59− setAuthMnemonic(Just(values.mnemonic));
59+ setAuthMnemonic(Just(values.mnemonic));
60− setWallet(
60+ setWallet(
61− walletFromMnemonic(
61+ walletFromMnemonic(
62− values.mnemonic,
62+ values.mnemonic,
63− values.hdpath,
63+ values.hdpath,
64− values.passphrase,
64+ values.passphrase,
65− skipValidation
65+ skipValidation
66− )
66+ )
67− );
67+ );
68− } else {
68+ } else {
69− setAuthMnemonic(Nothing());
69+ setAuthMnemonic(Nothing());
70− setWallet(Nothing());
70+ setWallet(Nothing());
71− }
71+ }
72− },
72+ }, ONE_SECOND);
73+
74+ const onValues = useCallback(debouncedOnValues, [
73− [setAuthMnemonic, setWallet, setWalletHdPath, skipValidation]
75+ setAuthMnemonic,
76+ setWallet,
77+ setWalletHdPath,
78+ skipValidation,
74− );
79+ ]);
75
80
76 const initialValues = {
81 const initialValues = {
77 hdpath: DEFAULT_HD_PATH,
82 hdpath: DEFAULT_HD_PATH,