diff --git a/src/components/Nav/AuthModal/LoginForm.tsx b/src/components/Nav/AuthModal/LoginForm.tsx index 4ea5a5f6..1c4c774d 100644 --- a/src/components/Nav/AuthModal/LoginForm.tsx +++ b/src/components/Nav/AuthModal/LoginForm.tsx @@ -156,7 +156,7 @@ export const LoginForm = () => { handlePasswordInput(value)} + onBlur={(value) => handlePasswordInput(value)} /> diff --git a/src/components/Nav/AuthModal/PasswordField/PasswordField.tsx b/src/components/Nav/AuthModal/PasswordField/PasswordField.tsx index bf7f00b1..a478225d 100644 --- a/src/components/Nav/AuthModal/PasswordField/PasswordField.tsx +++ b/src/components/Nav/AuthModal/PasswordField/PasswordField.tsx @@ -12,7 +12,7 @@ type Props = { placeholder?: string errorMessage?: (error: string) => void setError?: string - onInput: (value: string) => void + onInput?: (value: string) => void onBlur?: (value: string) => void variant?: 'login' | 'registration' disableAutocomplete?: boolean @@ -41,8 +41,9 @@ export const PasswordField = (props: Props) => { } const handleInputBlur = (value: string) => { - if (props.variant === 'login') { - return props.onBlur(value) + if (props.variant === 'login' && props.onBlur) { + props.onBlur(value) + return } if (value.length < 1) { return