mirror
/
soapbox
kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

RegistrationForm: fix debounced function, make Submit button actually submit

environments/review-custom-imp-092re4/deployments/778
Alex Gleason 2022-05-06 20:14:04 -05:00
rodzic 4fe73cb3da
commit d2e4be0776
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
1 zmienionych plików z 4 dodań i 4 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

8
app/soapbox/features/auth_login/components/registration_form.tsx
Wyświetl plik

@ -1,7 +1,7 @@
import axios from 'axios'; import axios from 'axios';
import { Map as ImmutableMap } from 'immutable'; import { Map as ImmutableMap } from 'immutable';
import { debounce } from 'lodash'; import { debounce } from 'lodash';
import React, { useState, useRef } from 'react'; import React, { useState, useRef, useCallback } from 'react';
import { useIntl, FormattedMessage, defineMessages } from 'react-intl'; import { useIntl, FormattedMessage, defineMessages } from 'react-intl';
import { Link, useHistory } from 'react-router-dom'; import { Link, useHistory } from 'react-router-dom';
import { v4 as uuidv4 } from 'uuid'; import { v4 as uuidv4 } from 'uuid';
@ -155,7 +155,7 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
return params.get('password', '') === passwordConfirmation; return params.get('password', '') === passwordConfirmation;
}; };
const usernameAvailable = debounce(username => { const usernameAvailable = useCallback(debounce(username => {
if (!supportsAccountLookup) return; if (!supportsAccountLookup) return;
const source = refreshCancelToken(); const source = refreshCancelToken();
@ -170,7 +170,7 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
} }
}); });
}, 1000, { trailing: true }); }, 1000, { trailing: true }), []);
const onSubmit: React.FormEventHandler = () => { const onSubmit: React.FormEventHandler = () => {
if (!passwordsMatch()) { if (!passwordsMatch()) {
@ -348,7 +348,7 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
</div> </div>
<FormActions> <FormActions>
<Button> <Button type='submit'>
<FormattedMessage id='registration.sign_up' defaultMessage='Sign up' /> <FormattedMessage id='registration.sign_up' defaultMessage='Sign up' />
</Button> </Button>
</FormActions> </FormActions>