From 2cc34d1a4ac04752dac51fa5161950e694e8887d Mon Sep 17 00:00:00 2001
From: Jarrod Flesch <30633324+JarrodMFlesch@users.noreply.github.com>
Date: Fri, 26 Sep 2025 10:48:11 -0400
Subject: [PATCH] fix(plugin-multi-tenant): properly localize labels (#13943)

Fixes https://github.com/payloadcms/payload/issues/13940

Use `getTranslation` for translating localized collection labels.
---
 .../components/AssignTenantFieldModal/index.client.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

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<PluginMultiTenantTranslations, PluginMultiTenantTranslationKeys>()
+  const { i18n, t } = useTranslation<
+    PluginMultiTenantTranslations,
+    PluginMultiTenantTranslationKeys
+  >()
   const { collectionSlug } = useDocumentInfo()
   const { title } = useDocumentTitle()
   const { getEntityConfig } = useConfig()
@@ -114,7 +118,7 @@ export const AssignTenantFieldModal: React.FC<{
             })}
           </h3>
           <Pill className={`${baseClass}__collection-pill`} size="small">
-            <>{collectionConfig.labels.singular}</>
+            {getTranslation(collectionConfig.labels.singular, i18n)}
           </Pill>
         </div>
         <div className={`${baseClass}__content`}>{children}</div>