diff --git a/packages/plugin-multi-tenant/src/components/AssignTenantFieldModal/index.client.tsx b/packages/plugin-multi-tenant/src/components/AssignTenantFieldModal/index.client.tsx index 85be3d4b3..56446dc08 100644 --- a/packages/plugin-multi-tenant/src/components/AssignTenantFieldModal/index.client.tsx +++ b/packages/plugin-multi-tenant/src/components/AssignTenantFieldModal/index.client.tsx @@ -2,6 +2,7 @@ import type { ClientCollectionConfig } from 'payload' +import { getTranslation } from '@payloadcms/translations' import { Button, Modal, @@ -21,8 +22,8 @@ import type { PluginMultiTenantTranslations, } from '../../translations/index.js' -import './index.scss' import { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js' +import './index.scss' export const assignTenantModalSlug = 'assign-tenant-field-modal' const baseClass = 'assign-tenant-field-modal' @@ -53,7 +54,10 @@ export const AssignTenantFieldModal: React.FC<{ onConfirm?: () => void }> = ({ afterModalClose, afterModalOpen, children, onCancel, onConfirm }) => { const editDepth = useDrawerDepth() - const { t } = useTranslation() + const { i18n, t } = useTranslation< + PluginMultiTenantTranslations, + PluginMultiTenantTranslationKeys + >() const { collectionSlug } = useDocumentInfo() const { title } = useDocumentTitle() const { getEntityConfig } = useConfig() @@ -114,7 +118,7 @@ export const AssignTenantFieldModal: React.FC<{ })} - <>{collectionConfig.labels.singular} + {getTranslation(collectionConfig.labels.singular, i18n)}
{children}