diff --git a/front/src/api/signup/index.ts b/front/src/api/signup/index.ts index b1d12e7..003518d 100644 --- a/front/src/api/signup/index.ts +++ b/front/src/api/signup/index.ts @@ -5,6 +5,12 @@ const composeSignUpURL = () => ( API_URL + '/signup?' ) +const composeSignUpBody = (formData: FormData) => { + formData.append('nickname', formData.get('username') ?? '') + + return formData +} + const processSignUp = (data: SignUpResponse): SignUp => { if (!data.Success) { throw new Error(data.Message) @@ -13,4 +19,4 @@ const processSignUp = (data: SignUpResponse): SignUp => { return true } -export { composeSignUpURL, processSignUp } +export { composeSignUpURL, composeSignUpBody, processSignUp } diff --git a/front/src/components/AuthForm.tsx b/front/src/components/AuthForm.tsx index 0b33953..3f1dd89 100644 --- a/front/src/components/AuthForm.tsx +++ b/front/src/components/AuthForm.tsx @@ -1,14 +1,14 @@ import { FormEventHandler, useCallback } from 'react' -import { Button, Form } from 'react-bootstrap' +import { Button, ButtonGroup, Form } from 'react-bootstrap' import { useSignIn, useSignUp } from '../hooks/api' +import { composeSignUpBody } from '../api/signup' type AuthFormProps = { - register: boolean, goBack: () => void, } -function AuthForm({ goBack, register }: AuthFormProps) { +const AuthForm = ({ goBack }: AuthFormProps) => { const { handleSignUp, signUpButton } = useSignUp() const { handleSignIn, signInButton } = useSignIn() @@ -19,9 +19,11 @@ function AuthForm({ goBack, register }: AuthFormProps) { const formData = new FormData(e.currentTarget) + const register = (e.nativeEvent as SubmitEvent).submitter?.id === 'register' + void (async () => { const accountCreated = register ? ( - await handleSignUp(formData) + await handleSignUp(composeSignUpBody(formData)) ) : true if (accountCreated) { @@ -31,34 +33,45 @@ function AuthForm({ goBack, register }: AuthFormProps) { } })() - }, [register, goBack, handleSignUp, handleSignIn]) + }, [goBack, handleSignUp, handleSignIn]) return (
- Как вас называть? - + Как меня называть + - Пароль - + И я могу доказать, что это я + - {register && - - - - - Я согласен с условиями обработки персональных данных - - - - } + + + + + Я согласен с условиями обработки персональных данных + + + -