diff --git a/apps/mobile/app/components/auth/login.tsx b/apps/mobile/app/components/auth/login.tsx index 3b2cb8847..8f9277411 100644 --- a/apps/mobile/app/components/auth/login.tsx +++ b/apps/mobile/app/components/auth/login.tsx @@ -48,6 +48,7 @@ import TwoFactorVerification from "./two-factor"; import { useLogin } from "./use-login"; import FormInput, { validators } from "../ui/input/form-input"; import AppIcon from "../ui/AppIcon"; +import { PASSWORD_PLACEHOLDER } from "../../utils/constants"; const LoginSteps = { emailAuth: 1, @@ -209,7 +210,7 @@ export const Login = ({ autoComplete="password" autoCapitalize="none" autoCorrect={false} - placeholder={strings.password()} + placeholder={PASSWORD_PLACEHOLDER} marginBottom={0} editable={!loading} validators={[validators.required(strings.passwordRequired())]} diff --git a/apps/mobile/app/components/auth/session-expired.tsx b/apps/mobile/app/components/auth/session-expired.tsx index 043f293c2..206e87035 100644 --- a/apps/mobile/app/components/auth/session-expired.tsx +++ b/apps/mobile/app/components/auth/session-expired.tsx @@ -50,6 +50,7 @@ import { strings } from "@notesnook/intl"; import { getObfuscatedEmail } from "../../utils/functions"; import { DefaultAppStyles } from "../../utils/styles"; import FormInput, { validators } from "../ui/input/form-input"; +import { PASSWORD_PLACEHOLDER } from "../../utils/constants"; export const SessionExpired = () => { const { colors } = useThemeColors(); @@ -206,7 +207,7 @@ export const SessionExpired = () => { autoComplete="password" autoCapitalize="none" autoCorrect={false} - placeholder={strings.password()} + placeholder={PASSWORD_PLACEHOLDER} onSubmitEditing={() => { login(); }} diff --git a/apps/mobile/app/components/auth/signup.tsx b/apps/mobile/app/components/auth/signup.tsx index c131e1084..5cd80f332 100644 --- a/apps/mobile/app/components/auth/signup.tsx +++ b/apps/mobile/app/components/auth/signup.tsx @@ -45,6 +45,7 @@ import { Spacing } from "../../common/design/spacing"; import { SETTING_ACCOUNT_SVG } from "../../assets/images/assets"; import { ProgressPills } from "../intro/progress-pills"; import { sleep } from "../../utils/time"; +import { PASSWORD_PLACEHOLDER } from "../../utils/constants"; const getSettingAccountSvg = (dark: boolean) => { if (dark) return SETTING_ACCOUNT_SVG; @@ -220,7 +221,7 @@ export const Signup = ({ blurOnSubmit={false} autoCorrect={false} label={strings.password()} - placeholder="•••••••••" + placeholder={PASSWORD_PLACEHOLDER} validators={[validators.required(strings.passwordRequired())]} onSubmitEditing={() => { if (formRef.current.validateField("password")) return; @@ -242,7 +243,7 @@ export const Signup = ({ autoCorrect={false} blurOnSubmit={false} label={strings.confirmPassword()} - placeholder="•••••••••" + placeholder={PASSWORD_PLACEHOLDER} validators={[ validators.required(strings.confirmPasswordRequired()), validators.matchField( diff --git a/apps/mobile/app/utils/constants.ts b/apps/mobile/app/utils/constants.ts index 9c5b8a019..4b9aef0c9 100644 --- a/apps/mobile/app/utils/constants.ts +++ b/apps/mobile/app/utils/constants.ts @@ -26,6 +26,8 @@ export const IOS_APPGROUPID = "group.org.streetwriters.notesnook"; export const FILE_SIZE_LIMIT = 500 * 1024 * 1024; export const IMAGE_SIZE_LIMIT = 50 * 1024 * 1024; +export const PASSWORD_PLACEHOLDER = "•••••••••"; + export const BETA = getVersion().includes("beta"); export const STORE_LINK =