diff --git a/src/app/actions/definitions.ts b/src/app/actions/definitions.ts index fc37101..f1696cd 100644 --- a/src/app/actions/definitions.ts +++ b/src/app/actions/definitions.ts @@ -24,6 +24,10 @@ export const SignupFormSchema = z .string() .min(2, { error: 'register-error-name' }) .regex(/^[^0-9]*$/, { message: 'register-error-no-digits' }) + .refine( + (value) => !/\p{Emoji}/u.test(value), + { message: 'no-emoji-allowed' } + ) .trim(), email: z .string() @@ -44,6 +48,10 @@ export const SignupFormSchema = z .min(8, { error: 'register-error-password-symbols' }) .regex(/[a-zA-Zа-яёА-ЯЁ]/, { error: 'register-error-password-one-letter' }) .regex(/[0-9]/, { error: 'register-error-password-one-digit' }) + .refine( + (value) => !/\p{Emoji}/u.test(value), + { message: 'no-emoji-allowed' } + ) .trim(), confirm_password: z .string(), diff --git a/src/app/styles/global-styles.scss b/src/app/styles/global-styles.scss index d50d878..7f3d1a1 100644 --- a/src/app/styles/global-styles.scss +++ b/src/app/styles/global-styles.scss @@ -97,8 +97,9 @@ .show-password-button { cursor: pointer; position: absolute; - top: 0px; - right: 6px; + top: 50%; + right: 10px; + transform: translateY(-50%); svg { width: 16px; @@ -108,7 +109,7 @@ &.show { svg { - color: black; + color: #8b5cf6; } } } diff --git a/src/app/styles/login.module.scss b/src/app/styles/login.module.scss index e8c24d2..1a05048 100644 --- a/src/app/styles/login.module.scss +++ b/src/app/styles/login.module.scss @@ -75,6 +75,10 @@ &[type="password"]::-ms-reveal { display: none; } + + &.password { + padding-right: 32px; + } } .form-options { diff --git a/src/app/ui/forms/login-form.tsx b/src/app/ui/forms/login-form.tsx index ca03334..9c534cd 100644 --- a/src/app/ui/forms/login-form.tsx +++ b/src/app/ui/forms/login-form.tsx @@ -42,6 +42,9 @@ export default function LoginForm() { className={`${styles['form-input']}`} placeholder={t('enter-email')} defaultValue={state?.previousState?.email ? state?.previousState?.email : ''} + onChange={(e) => { + e.target.value = e.target.value.toLocaleLowerCase(); + }} /> {state?.error?.email && (
@@ -58,7 +61,7 @@ export default function LoginForm() { type={showPassword ? "text" : "password"} id="password" name="password" - className={`${styles['form-input']}`} + className={`${styles['form-input']} ${styles['password']}`} placeholder={t('enter-password')} />