chore(ui): simplifies adminThumbnail functionality (#5615)

test/admin/collections/Upload.ts

@@ -0,0 +1,16 @@
+import type { CollectionConfig } from 'payload/types'
+
+import { uploadCollectionSlug } from '../slugs.js'
+
+export const UploadCollection: CollectionConfig = {
+  slug: uploadCollectionSlug,
+  upload: {
+    adminThumbnail: () => 'https://payloadcms.com/images/universal-truth.jpg',
+  },
+  fields: [
+    {
+      name: 'title',
+      type: 'text',
+    },
+  ],
+}

test/admin/config.ts

@@ -11,6 +11,7 @@ import { CollectionGroup2B } from './collections/Group2B.js'
 import { CollectionHidden } from './collections/Hidden.js'
 import { CollectionNoApiView } from './collections/NoApiView.js'
 import { Posts } from './collections/Posts.js'
+import { UploadCollection } from './collections/Upload.js'
 import { Users } from './collections/Users.js'
 import { AdminButton } from './components/AdminButton/index.js'
 import { AfterDashboard } from './components/AfterDashboard/index.js'
@@ -74,6 +75,7 @@ export default buildConfigWithDefaults({
     },
   },
   collections: [
+    UploadCollection,
     Posts,
     Users,
     CollectionHidden,

test/admin/slugs.ts

@@ -1,14 +1,15 @@
-export const usersCollectionSlug = 'users' as const
-export const customViews1CollectionSlug = 'custom-views-one' as const
-export const customViews2CollectionSlug = 'custom-views-two' as const
-export const geoCollectionSlug = 'geo' as const
-export const postsCollectionSlug = 'posts' as const
-export const group1Collection1Slug = 'group-one-collection-ones' as const
-export const group1Collection2Slug = 'group-one-collection-twos' as const
-export const group2Collection1Slug = 'group-two-collection-ones' as const
-export const group2Collection2Slug = 'group-two-collection-twos' as const
-export const hiddenCollectionSlug = 'hidden-collection' as const
-export const noApiViewCollectionSlug = 'collection-no-api-view' as const
+export const usersCollectionSlug = 'users'
+export const customViews1CollectionSlug = 'custom-views-one'
+export const customViews2CollectionSlug = 'custom-views-two'
+export const geoCollectionSlug = 'geo'
+export const postsCollectionSlug = 'posts'
+export const group1Collection1Slug = 'group-one-collection-ones'
+export const group1Collection2Slug = 'group-one-collection-twos'
+export const group2Collection1Slug = 'group-two-collection-ones'
+export const group2Collection2Slug = 'group-two-collection-twos'
+export const hiddenCollectionSlug = 'hidden-collection'
+export const noApiViewCollectionSlug = 'collection-no-api-view'
+export const uploadCollectionSlug = 'uploads'
 export const collectionSlugs = [
   usersCollectionSlug,
   customViews1CollectionSlug,
@@ -23,12 +24,12 @@ export const collectionSlugs = [
   noApiViewCollectionSlug,
 ]
 
-export const customGlobalViews1GlobalSlug = 'custom-global-views-one' as const
-export const customGlobalViews2GlobalSlug = 'custom-global-views-two' as const
-export const globalSlug = 'global' as const
-export const group1GlobalSlug = 'group-globals-one' as const
-export const group2GlobalSlug = 'group-globals-two' as const
-export const hiddenGlobalSlug = 'hidden-global' as const
+export const customGlobalViews1GlobalSlug = 'custom-global-views-one'
+export const customGlobalViews2GlobalSlug = 'custom-global-views-two'
+export const globalSlug = 'global'
+export const group1GlobalSlug = 'group-globals-one'
+export const group2GlobalSlug = 'group-globals-two'
+export const hiddenGlobalSlug = 'hidden-global'
 export const noApiViewGlobalSlug = 'global-no-api-view'
 export const globalSlugs = [
   customGlobalViews1GlobalSlug,