m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Fix #19619 - Submit the account creation form when pressing enter (#19620)

Browse Source
This commit is contained in:
David Walsh 2023-06-16 08:13:08 -05:00 committed by GitHub
parent 1aae94fedc
commit bc2a5aaf96
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 33 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
ui/components/multichain/create-account/create-account.js
View File

@ -54,36 +54,35 @@ export const CreateAccount = ({ onActionComplete }) => {
} }
}; };
return ( const onSubmit = async (event) => {
<Box event.preventDefault();
as="form"
onSubmit={async (event) => {
event.preventDefault();
try { try {
await onCreateAccount(newAccountName || defaultAccountName); await onCreateAccount(newAccountName || defaultAccountName);
onActionComplete(true); onActionComplete(true);
trackEvent({ trackEvent({
category: MetaMetricsEventCategory.Accounts, category: MetaMetricsEventCategory.Accounts,
event: MetaMetricsEventName.AccountAdded, event: MetaMetricsEventName.AccountAdded,
properties: { properties: {
account_type: MetaMetricsEventAccountType.Default, account_type: MetaMetricsEventAccountType.Default,
location: 'Home', location: 'Home',
}, },
}); });
history.push(mostRecentOverviewPage); history.push(mostRecentOverviewPage);
} catch (error) { } catch (error) {
trackEvent({ trackEvent({
category: MetaMetricsEventCategory.Accounts, category: MetaMetricsEventCategory.Accounts,
event: MetaMetricsEventName.AccountAddFailed, event: MetaMetricsEventName.AccountAddFailed,
properties: { properties: {
account_type: MetaMetricsEventAccountType.Default, account_type: MetaMetricsEventAccountType.Default,
error: error.message, error: error.message,
}, },
}); });
} }
}} };
>
return (
<Box as="form" onSubmit={onSubmit}>
<FormTextField <FormTextField
autoFocus autoFocus
label={t('accountName')} label={t('accountName')}
@ -91,6 +90,11 @@ export const CreateAccount = ({ onActionComplete }) => {
onChange={(event) => setNewAccountName(event.target.value)} onChange={(event) => setNewAccountName(event.target.value)}
helpText={errorMessage} helpText={errorMessage}
error={!isValidAccountName} error={!isValidAccountName}
onKeyPress={(e) => {
if (e.key === 'Enter') {
onSubmit(e);
}
}}
/> />
<Box display={Display.Flex} marginTop={6} gap={2}> <Box display={Display.Flex} marginTop={6} gap={2}>
<ButtonSecondary onClick={() => onActionComplete()} block> <ButtonSecondary onClick={() => onActionComplete()} block>