fix: collection labels with multiple locales showing incorrectly (#5998)

payloadcms · May 14, 2024 · 58bbbbd · 58bbbbd
1 parent 57b072e
commit 58bbbbd
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/ui/src/elements/DocumentControls/index.tsx b/packages/ui/src/elements/DocumentControls/index.tsx
@@ -2,6 +2,7 @@
 import type { CollectionPermission, GlobalPermission } from 'payload/auth'
 import type { SanitizedCollectionConfig } from 'payload/types'
 
+import { getTranslation } from '@payloadcms/translations'
 import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'
 import React, { Fragment } from 'react'
 
@@ -81,10 +82,10 @@ export const DocumentControls: React.FC<{
               <li className={`${baseClass}__list-item`}>
                 <p className={`${baseClass}__value`}>
                   {i18n.t('general:creatingNewLabel', {
-                    label:
-                      typeof collectionConfig?.labels?.singular === 'string'
-                        ? collectionConfig.labels.singular
-                        : i18n.t('general:document'),
+                    label: getTranslation(
+                      collectionConfig?.labels?.singular ?? i18n.t('general:document'),
+                      i18n,
+                    ),
                   })}
                 </p>
               </li>