feat: block thumbnails in admin UI

src/blocks/FDCodeEmbedBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDCodeEmbedBlock: Block = {
   slug: 'fdCodeEmbed',
+  imageURL: '/block-thumbnails/fd-code-embed.png',
+  imageAltText: 'FD Kodinbäddning',
   interfaceName: 'FDCodeEmbedBlock',
   labels: {
     singular: 'FD Kodinbäddning',

src/blocks/FDCtaBannerBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDCtaBannerBlock: Block = {
   slug: 'fdCtaBanner',
+  imageURL: '/block-thumbnails/fd-cta-banner.png',
+  imageAltText: 'FD CTA-banner',
   interfaceName: 'FDCtaBannerBlock',
   labels: {
     singular: 'FD CTA-banner',

src/blocks/FDDataTableBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDDataTableBlock: Block = {
   slug: 'fdDataTable',
+  imageURL: '/block-thumbnails/fd-data-table.png',
+  imageAltText: 'FD Datatabell',
   interfaceName: 'FDDataTableBlock',
   labels: {
     singular: 'FD Datatabell',

src/blocks/FDNewsletterBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDNewsletterBlock: Block = {
   slug: 'fdNewsletter',
+  imageURL: '/block-thumbnails/fd-newsletter.png',
+  imageAltText: 'FD Nyhetsbrev',
   interfaceName: 'FDNewsletterBlock',
   labels: {
     singular: 'FD Nyhetsbrev',

src/blocks/FDPartnersLogosBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDPartnersLogosBlock: Block = {
   slug: 'fdPartnersLogos',
+  imageURL: '/block-thumbnails/fd-partners-logos.png',
+  imageAltText: 'FD Partnerlogotyper',
   interfaceName: 'FDPartnersLogosBlock',
   labels: {
     singular: 'FD Partnerlogotyper',

src/blocks/FDServiceChooserBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDServiceChooserBlock: Block = {
   slug: 'fdServiceChooser',
+  imageURL: '/block-thumbnails/fd-service-chooser.png',
+  imageAltText: 'FD Tjänsteväljare',
   interfaceName: 'FDServiceChooserBlock',
   labels: {
     singular: 'FD Tjänsteväljare',

src/blocks/FDStatisticsBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDStatisticsBlock: Block = {
   slug: 'fdStatistics',
+  imageURL: '/block-thumbnails/fd-statistics.png',
+  imageAltText: 'FD Statistik',
   interfaceName: 'FDStatisticsBlock',
   labels: {
     singular: 'FD Statistik / Nyckeltal',

src/blocks/FDTagsBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDTagsBlock: Block = {
   slug: 'fdTags',
+  imageURL: '/block-thumbnails/fd-tags.png',
+  imageAltText: 'FD Taggar',
   interfaceName: 'FDTagsBlock',
   labels: {
     singular: 'FD Taggar',

src/blocks/FDTeamBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDTeamBlock: Block = {
   slug: 'fdTeam',
+  imageURL: '/block-thumbnails/fd-team.png',
+  imageAltText: 'FD Team',
   interfaceName: 'FDTeamBlock',
   labels: {
     singular: 'FD Team',

src/blocks/FDTestimonialBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDTestimonialBlock: Block = {
   slug: 'fdTestimonial',
+  imageURL: '/block-thumbnails/fd-testimonial.png',
+  imageAltText: 'FD Omdöme',
   interfaceName: 'FDTestimonialBlock',
   labels: {
     singular: 'FD Omdöme',

src/blocks/FDTextBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDTextBlock: Block = {
   slug: 'fdText',
+  imageURL: '/block-thumbnails/fd-text-block.png',
+  imageAltText: 'FD Textblock',
   interfaceName: 'FDTextBlock',
   labels: {
     singular: 'FD Textblock',

src/blocks/FDVideoBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDVideoBlock: Block = {
   slug: 'fdVideo',
+  imageURL: '/block-thumbnails/fd-video.png',
+  imageAltText: 'FD Video',
   interfaceName: 'FDVideoBlock',
   labels: {
     singular: 'FD Video',

src/blocks/FDVpsCalculatorBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDVpsCalculatorBlock: Block = {
   slug: 'fdVpsCalculator',
+  imageURL: '/block-thumbnails/fd-vps-calculator.png',
+  imageAltText: 'FD VPS-kalkylator',
   interfaceName: 'FDVpsCalculatorBlock',
   labels: { singular: 'FD VPS-kalkylator', plural: 'FD VPS-kalkylatorer' },
   fields: [