diff --git a/packages/console/src/pages/Roles/components/CreateRoleForm/index.tsx b/packages/console/src/pages/Roles/components/CreateRoleForm/index.tsx index edb3e77a3..5737b199b 100644 --- a/packages/console/src/pages/Roles/components/CreateRoleForm/index.tsx +++ b/packages/console/src/pages/Roles/components/CreateRoleForm/index.tsx @@ -1,6 +1,7 @@ import type { Role, ScopeResponse } from '@logto/schemas'; import { conditional } from '@silverhand/essentials'; import { Controller, useForm } from 'react-hook-form'; +import { useTranslation } from 'react-i18next'; import Button from '@/components/Button'; import FormField from '@/components/FormField'; @@ -22,6 +23,7 @@ type CreateRolePayload = Pick & { }; const CreateRoleForm = ({ onClose }: Props) => { + const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' }); const { control, handleSubmit, @@ -69,10 +71,14 @@ const CreateRoleForm = ({ onClose }: Props) => { // eslint-disable-next-line jsx-a11y/no-autofocus autoFocus {...register('name', { required: true })} + placeholder={t('roles.role_name_placeholder')} /> - - + +