Login:Src:Components: add enum ButtonKeys
This commit is contained in:
parent
7074d6d869
commit
bc77043419
@ -36,7 +36,7 @@ import {
|
||||
TextInput,
|
||||
} from "@docspace/shared/components/text-input";
|
||||
import { toastr } from "@docspace/shared/components/toast";
|
||||
import { EmployeeActivationStatus } from "@docspace/shared/enums";
|
||||
import { ButtonKeys, EmployeeActivationStatus } from "@docspace/shared/enums";
|
||||
import {
|
||||
TPasswordHash,
|
||||
TPasswordSettings,
|
||||
@ -46,17 +46,17 @@ import { PasswordInput } from "@docspace/shared/components/password-input";
|
||||
import { ALLOWED_PASSWORD_CHARACTERS } from "@docspace/shared/constants";
|
||||
import { Button, ButtonSize } from "@docspace/shared/components/button";
|
||||
import { login } from "@docspace/shared/utils/loginUtils";
|
||||
import {
|
||||
changePassword,
|
||||
updateActivationStatus,
|
||||
updateUser,
|
||||
} from "@docspace/shared/api/people";
|
||||
|
||||
import { TActivateConfirmUser, TError } from "@/types";
|
||||
|
||||
import { RegisterContainer } from "../CreateUserForm/CreateUserForm.styled";
|
||||
import { GreetingUserContainer } from "../CreateUserForm/sub-components/GreetingUserContainer";
|
||||
import { ConfirmRouteContext } from "../ConfirmRoute";
|
||||
import {
|
||||
changePassword,
|
||||
updateActivationStatus,
|
||||
updateUser,
|
||||
} from "@docspace/shared/api/people";
|
||||
|
||||
type ActivateUserFormPorps = {
|
||||
passwordHash: TPasswordHash;
|
||||
@ -184,7 +184,7 @@ const ActivateUserForm = ({
|
||||
};
|
||||
|
||||
const onKeyPress = (event: KeyboardEvent<HTMLInputElement>) => {
|
||||
if (event.key === "Enter") {
|
||||
if (event.key === ButtonKeys.enter) {
|
||||
onSubmit();
|
||||
}
|
||||
};
|
||||
|
@ -57,7 +57,7 @@ import {
|
||||
getOAuthToken,
|
||||
} from "@docspace/shared/utils/common";
|
||||
import { setCookie } from "@docspace/shared/utils/cookie";
|
||||
import { DeviceType } from "@docspace/shared/enums";
|
||||
import { ButtonKeys, DeviceType } from "@docspace/shared/enums";
|
||||
import { TValidate } from "@docspace/shared/components/email-input";
|
||||
import { TCreateUserData, TError } from "@/types";
|
||||
import { SocialButtonsGroup } from "@docspace/shared/components/social-buttons-group";
|
||||
@ -367,7 +367,7 @@ const CreateUserForm = (props: CreateUserFormProps) => {
|
||||
};
|
||||
|
||||
const onKeyPress = (e: KeyboardEvent<HTMLInputElement>) => {
|
||||
if (e.key === "Enter") {
|
||||
if (e.key === ButtonKeys.enter) {
|
||||
registrationForm ? onSubmit() : onContinue();
|
||||
}
|
||||
};
|
||||
|
@ -53,7 +53,7 @@ import { toastr } from "@docspace/shared/components/toast";
|
||||
import { thirdPartyLogin, checkConfirmLink } from "@docspace/shared/api/user";
|
||||
import { setWithCredentialsStatus } from "@docspace/shared/api/client";
|
||||
import { TValidate } from "@docspace/shared/components/email-input/EmailInput.types";
|
||||
import { RecaptchaType } from "@docspace/shared/enums";
|
||||
import { ButtonKeys, RecaptchaType } from "@docspace/shared/enums";
|
||||
import { getAvailablePortals } from "@docspace/shared/api/management";
|
||||
import { getCookie } from "@docspace/shared/utils";
|
||||
import { deleteCookie } from "@docspace/shared/utils/cookie";
|
||||
@ -416,7 +416,7 @@ const LoginForm = ({
|
||||
|
||||
useEffect(() => {
|
||||
const onKeyDown = (e: KeyboardEvent) => {
|
||||
if (e.key === "Enter") {
|
||||
if (e.key === ButtonKeys.enter) {
|
||||
if (isModalOpen) return;
|
||||
|
||||
onSubmit();
|
||||
|
@ -39,6 +39,7 @@ import { toastr } from "@docspace/shared/components/toast";
|
||||
import { sendInstructionsToChangePassword } from "@docspace/shared/api/people";
|
||||
import { TValidate } from "@docspace/shared/components/email-input/EmailInput.types";
|
||||
import { InputSize, InputType } from "@docspace/shared/components/text-input";
|
||||
import { ButtonKeys } from "@docspace/shared/enums";
|
||||
|
||||
import { ForgotPasswordModalDialogProps } from "@/types";
|
||||
|
||||
@ -84,7 +85,7 @@ const ForgotPasswordModalDialog = ({
|
||||
|
||||
const onKeyDown = React.useCallback(
|
||||
(e: KeyboardEvent) => {
|
||||
if (e.key === "Enter") {
|
||||
if (e.key === ButtonKeys.enter) {
|
||||
onSendPasswordInstructions();
|
||||
e.preventDefault();
|
||||
}
|
||||
|
@ -43,6 +43,7 @@ import {
|
||||
} from "@docspace/shared/api/settings/types";
|
||||
import { ALLOWED_PASSWORD_CHARACTERS } from "@docspace/shared/constants";
|
||||
import { changePassword } from "@docspace/shared/api/people";
|
||||
import { ButtonKeys } from "@docspace/shared/enums";
|
||||
|
||||
import { TError } from "@/types";
|
||||
import { ConfirmRouteContext } from "../ConfirmRoute";
|
||||
@ -136,7 +137,7 @@ const PasswordChangeForm = ({
|
||||
};
|
||||
|
||||
const onKeyPress = (e: KeyboardEvent<HTMLInputElement>) => {
|
||||
if (e.key === "Enter") {
|
||||
if (e.key === ButtonKeys.enter) {
|
||||
onSubmit();
|
||||
}
|
||||
};
|
||||
|
@ -49,6 +49,7 @@ import { TPasswordHash } from "@docspace/shared/api/settings/types";
|
||||
import { loginWithTfaCode } from "@docspace/shared/api/user";
|
||||
import { validateTfaCode } from "@docspace/shared/api/settings";
|
||||
import { OPEN_BACKUP_CODES_DIALOG } from "@docspace/shared/constants";
|
||||
import { ButtonKeys } from "@docspace/shared/enums";
|
||||
|
||||
import {
|
||||
TFA_ANDROID_APP_URL,
|
||||
@ -124,7 +125,11 @@ const TfaActivationForm = ({
|
||||
};
|
||||
|
||||
const onKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {
|
||||
if (event.code === "Enter" || event.code === "NumpadEnter") onSubmit();
|
||||
if (
|
||||
event.code === ButtonKeys.enter ||
|
||||
event.code === ButtonKeys.numpadEnter
|
||||
)
|
||||
onSubmit();
|
||||
};
|
||||
|
||||
return (
|
||||
|
@ -43,6 +43,7 @@ import {
|
||||
} from "@docspace/shared/components/text-input";
|
||||
import { Button, ButtonSize } from "@docspace/shared/components/button";
|
||||
import { TPasswordHash } from "@docspace/shared/api/settings/types";
|
||||
import { ButtonKeys } from "@docspace/shared/enums";
|
||||
|
||||
import { TError } from "@/types";
|
||||
|
||||
@ -112,7 +113,11 @@ const TfaAuthForm = ({
|
||||
};
|
||||
|
||||
const onKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {
|
||||
if (event.code === "Enter" || event.code === "NumpadEnter") onSubmit();
|
||||
if (
|
||||
event.code === ButtonKeys.enter ||
|
||||
event.code === ButtonKeys.numpadEnter
|
||||
)
|
||||
onSubmit();
|
||||
};
|
||||
|
||||
return (
|
||||
|
Loading…
Reference in New Issue
Block a user