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

packages/richtext-slate/src/field/elements/upload/Element/index.tsx

@@ -10,7 +10,6 @@ import { DrawerToggler, useDrawerSlug } from '@payloadcms/ui/elements/Drawer'
 import { useListDrawer } from '@payloadcms/ui/elements/ListDrawer'
 import { File } from '@payloadcms/ui/graphics/File'
 import usePayloadAPI from '@payloadcms/ui/hooks/usePayloadAPI'
-import { useThumbnail } from '@payloadcms/ui/hooks/useThumbnail'
 import { useConfig } from '@payloadcms/ui/providers/Config'
 import { useTranslation } from '@payloadcms/ui/providers/Translation'
 import React, { useCallback, useReducer, useState } from 'react'
@@ -81,7 +80,7 @@ const UploadElement: React.FC<Props & { enabledCollectionSlugs?: string[] }> = (
     { initialParams },
   )
 
-  const thumbnailSRC = useThumbnail(relatedCollection.slug, relatedCollection.upload, data)
+  const thumbnailSRC = data?.thumbnailURL
 
   const removeUpload = useCallback(() => {
     const elementPath = ReactEditor.findPath(editor, element)
@@ -146,6 +145,7 @@ const UploadElement: React.FC<Props & { enabledCollectionSlugs?: string[] }> = (
     >
       <div className={`${baseClass}__card`}>
         <div className={`${baseClass}__topRow`}>
+          {/* TODO: migrate to use Thumbnail component */}
           <div className={`${baseClass}__thumbnail`}>
             {thumbnailSRC ? <img alt={data?.filename} src={thumbnailSRC} /> : <File />}
           </div>