diff --git a/frontend/src/components/Form/AccessClientFields.tsx b/frontend/src/components/Form/AccessClientFields.tsx index 820907dc64..9dda8c3de0 100644 --- a/frontend/src/components/Form/AccessClientFields.tsx +++ b/frontend/src/components/Form/AccessClientFields.tsx @@ -3,7 +3,7 @@ import cn from "classnames"; import { useFormikContext } from "formik"; import { useState } from "react"; import type { AccessListClient } from "src/api/backend"; -import { T } from "src/locale"; +import { intl, T } from "src/locale"; interface Props { initialValues: AccessListClient[]; @@ -65,8 +65,8 @@ export function AccessClientFields({ initialValues, name = "clients" }: Props) { value={client.directive} onChange={(e) => handleChange(idx, "directive", e.target.value)} > - - + + handleChange(idx, "address", e.target.value)} - placeholder="192.168.1.100 or 192.168.1.0/24 or 2001:0db8::/32" + placeholder={intl.formatMessage({ id: "access-list.rule-source.placeholder" })} /> @@ -112,7 +112,7 @@ export function AccessClientFields({ initialValues, name = "clients" }: Props) { value="deny" disabled > - + - + @@ -224,12 +224,12 @@ const RedirectionHostModal = EasyModal.create(({ id, visible, remove }: Props) = required {...field} > - - - - - - + + + + + + {form.errors.forwardHttpCode ? (
diff --git a/frontend/src/modals/StreamModal.tsx b/frontend/src/modals/StreamModal.tsx index 37a109b3ef..6d55348896 100644 --- a/frontend/src/modals/StreamModal.tsx +++ b/frontend/src/modals/StreamModal.tsx @@ -5,7 +5,7 @@ import { Alert } from "react-bootstrap"; import Modal from "react-bootstrap/Modal"; import { Button, Loading, SSLCertificateField, SSLOptionsFields } from "src/components"; import { useSetStream, useStream } from "src/hooks"; -import { T } from "src/locale"; +import { intl, T } from "src/locale"; import { validateNumber, validateString } from "src/modules/Validations"; import { showObjectSuccess } from "src/notifications"; @@ -154,7 +154,7 @@ const StreamModal = EasyModal.create(({ id, visible, remove }: Props) => { type="text" className={`form-control ${form.errors.forwardingHost && form.touched.forwardingHost ? "is-invalid" : ""}`} required - placeholder="example.com or 10.0.0.1 or 2001:db8:3333:4444:5555:6666:7777:8888" + placeholder={intl.formatMessage({ id: "stream.forward-host.placeholder" })} {...field} /> {form.errors.forwardingHost ? ( diff --git a/frontend/src/pages/Login/index.tsx b/frontend/src/pages/Login/index.tsx index 0d555380b9..856266d87c 100644 --- a/frontend/src/pages/Login/index.tsx +++ b/frontend/src/pages/Login/index.tsx @@ -103,7 +103,7 @@ export default function Login() { required maxLength={255} className={`form-control ${form.errors.password && form.touched.password ? " is-invalid" : ""}`} - placeholder="Password" + placeholder={intl.formatMessage({ id: "password" })} />
{form.errors.password}