diff --git a/packages/plugin-import-export/src/components/Preview/index.tsx b/packages/plugin-import-export/src/components/Preview/index.tsx index 0862c94305..f78cb227e1 100644 --- a/packages/plugin-import-export/src/components/Preview/index.tsx +++ b/packages/plugin-import-export/src/components/Preview/index.tsx @@ -2,7 +2,8 @@ import type { Column } from '@payloadcms/ui' import type { ClientField, FieldAffectingDataClient } from 'payload' -import { Table, useConfig, useField } from '@payloadcms/ui' +import { getTranslation } from '@payloadcms/translations' +import { Table, useConfig, useField, useTranslation } from '@payloadcms/ui' import { fieldAffectsData } from 'payload/shared' import * as qs from 'qs-esm' import React from 'react' @@ -23,6 +24,7 @@ export const Preview = () => { const [dataToRender, setDataToRender] = React.useState([]) const [resultCount, setResultCount] = React.useState('') const [columns, setColumns] = React.useState([]) + const { i18n } = useTranslation() const collectionSlug = typeof collection === 'string' && collection const collectionConfig = config.collections.find( @@ -75,7 +77,7 @@ export const Preview = () => { accessor: field.name || '', active: true, field: field as ClientField, - Heading: field?.label || field.name, + Heading: getTranslation(field?.label || (field.name as string), i18n), renderedCells: data.docs.map((doc: Record) => { if (!field.name || !doc[field.name]) { return null diff --git a/test/plugin-import-export/collections/Pages.ts b/test/plugin-import-export/collections/Pages.ts index 04a777cb2b..3f3aa112d5 100644 --- a/test/plugin-import-export/collections/Pages.ts +++ b/test/plugin-import-export/collections/Pages.ts @@ -17,7 +17,7 @@ export const Pages: CollectionConfig = { fields: [ { name: 'title', - label: 'Title', + label: { en: 'Title', es: 'Título', de: 'Titel' }, type: 'text', required: true, }, diff --git a/test/plugin-import-export/payload-types.ts b/test/plugin-import-export/payload-types.ts index 64164ec970..1016c78e8e 100644 --- a/test/plugin-import-export/payload-types.ts +++ b/test/plugin-import-export/payload-types.ts @@ -54,6 +54,7 @@ export type SupportedTimezones = | 'Asia/Singapore' | 'Asia/Tokyo' | 'Asia/Seoul' + | 'Australia/Brisbane' | 'Australia/Sydney' | 'Pacific/Guam' | 'Pacific/Noumea'