IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Login:Src:Components: add enum ButtonKeys

Browse Source
This commit is contained in:
Darya Umrikhina 2024-08-14 20:00:23 +04:00
parent 7074d6d869
commit bc77043419
7 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/login/src/components/ActivateUserForm/index.tsx
View File

@ -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();
}
};

4
packages/login/src/components/CreateUserForm/index.tsx
View File

@ -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();
}
};

4
packages/login/src/components/LoginForm/index.tsx
View File

@ -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();

3
packages/login/src/components/LoginForm/sub-components/ForgotPasswordModalDialog.tsx
View File

@ -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();
}

3
packages/login/src/components/PasswordChangeForm/index.tsx
View File

@ -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();
}
};

7
packages/login/src/components/TfaActivationForm/index.tsx
View File

@ -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 (

7
packages/login/src/components/TfaAuthForm/index.tsx
View File

@ -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 (