diff --git a/packages/payload/src/folders/utils/formatFolderOrDocumentItem.ts b/packages/payload/src/folders/utils/formatFolderOrDocumentItem.ts index 4f13d1708..b4aea95e8 100644 --- a/packages/payload/src/folders/utils/formatFolderOrDocumentItem.ts +++ b/packages/payload/src/folders/utils/formatFolderOrDocumentItem.ts @@ -30,15 +30,17 @@ export function formatFolderOrDocumentItem({ if (isUpload) { itemValue.filename = value.filename itemValue.mimeType = value.mimeType - itemValue.url = isImage(value.mimeType) - ? getBestFitFromSizes({ - sizes: value.sizes, - targetSizeMax: 520, - targetSizeMin: 300, - url: value.url, - width: value.width, - }) - : undefined + itemValue.url = + value.thumbnailURL || + (isImage(value.mimeType) + ? getBestFitFromSizes({ + sizes: value.sizes, + targetSizeMax: 520, + targetSizeMin: 300, + url: value.url, + width: value.width, + }) + : undefined) } return { diff --git a/test/folders/collections/Media/index.ts b/test/folders/collections/Media/index.ts index 83a0b7806..b6306375e 100644 --- a/test/folders/collections/Media/index.ts +++ b/test/folders/collections/Media/index.ts @@ -2,7 +2,19 @@ import type { CollectionConfig } from 'payload' export const Media: CollectionConfig = { slug: 'media', - upload: true, + upload: { + adminThumbnail: ({ doc }) => { + if (doc.testAdminThumbnail && typeof doc.testAdminThumbnail === 'string') { + return doc.testAdminThumbnail + } + return null + }, + }, folders: true, - fields: [], + fields: [ + { + name: 'testAdminThumbnail', + type: 'text', + }, + ], }