feat: block thumbnails in admin UI

src/blocks/FDAlternateHeroBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDAlternateHeroBlock: Block = {
   slug: 'fdAlternateHero',
+  imageURL: '/block-thumbnails/fd-header-text-image-alt.png',
+  imageAltText: 'FD Alternativ Hero',
   interfaceName: 'FDAlternateHeroBlock',
   labels: {
     singular: 'FD Alternativ Hero (centrerad)',

src/blocks/FDCardGridBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDCardGridBlock: Block = {
   slug: 'fdCardGrid',
+  imageURL: '/block-thumbnails/fd-card-grid.png',
+  imageAltText: 'FD Kortrutnät',
   interfaceName: 'FDCardGridBlock',
   labels: {
     singular: 'FD Kortrutnät',

src/blocks/FDContactBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDContactBlock: Block = {
   slug: 'fdContact',
+  imageURL: '/block-thumbnails/fd-contact.png',
+  imageAltText: 'FD Kontaktformulär',
   interfaceName: 'FDContactBlock',
   labels: {
     singular: 'FD Kontaktinfo',

src/blocks/FDContactFormBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDContactFormBlock: Block = {
   slug: 'fdContactForm',
+  imageURL: '/block-thumbnails/fd-contact.png',
+  imageAltText: 'FD Kontaktformulär',
   interfaceName: 'FDContactFormBlock',
   labels: {
     singular: 'FD Kontaktformulär',

src/blocks/FDCtaSideImageBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDCtaSideImageBlock: Block = {
   slug: 'fdCtaSideImage',
+  imageURL: '/block-thumbnails/fd-cta-side-image.png',
+  imageAltText: 'FD CTA med bild',
   interfaceName: 'FDCtaSideImageBlock',
   labels: {
     singular: 'FD CTA med bild',

src/blocks/FDFaqBlock/config.ts

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

src/blocks/FDFeatureAnnouncementBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDFeatureAnnouncementBlock: Block = {
   slug: 'fdFeatureAnnouncement',
+  imageURL: '/block-thumbnails/fd-feature-announcement.png',
+  imageAltText: 'FD Funktionsnyhet',
   interfaceName: 'FDFeatureAnnouncementBlock',
   labels: {
     singular: 'FD Funktionsnyhet',

src/blocks/FDHeaderTextImageBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDHeaderTextImageBlock: Block = {
   slug: 'fdHeaderTextImage',
+  imageURL: '/block-thumbnails/fd-header-text-image.png',
+  imageAltText: 'FD Rubrik med bild',
   interfaceName: 'FDHeaderTextImageBlock',
   labels: {
     singular: 'FD Rubrik med bild',

src/blocks/FDHeroBlock/config.ts

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

src/blocks/FDIconBarBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDIconBarBlock: Block = {
   slug: 'fdIconBar',
+  imageURL: '/block-thumbnails/fd-icon-bar.png',
+  imageAltText: 'FD Ikonrad',
   interfaceName: 'FDIconBarBlock',
   labels: {
     singular: 'FD Ikonrad',

src/blocks/FDLocationsGridBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDLocationsGridBlock: Block = {
   slug: 'fdLocationsGrid',
+  imageURL: '/block-thumbnails/fd-places-grid.png',
+  imageAltText: 'FD Platser Grid',
   interfaceName: 'FDLocationsGridBlock',
   labels: {
     singular: 'FD Platser Grid',

src/blocks/FDPricingCardBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDPricingCardBlock: Block = {
   slug: 'fdPricingCard',
+  imageURL: '/block-thumbnails/fd-pricing-card.png',
+  imageAltText: 'FD Priskort',
   interfaceName: 'FDPricingCardBlock',
   labels: {
     singular: 'FD Priskort',

src/blocks/FDServicesGridBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDServicesGridBlock: Block = {
   slug: 'fdServicesGrid',
+  imageURL: '/block-thumbnails/fd-services-grid.png',
+  imageAltText: 'FD Tjänsterrutnät',
   interfaceName: 'FDServicesGridBlock',
   labels: {
     singular: 'FD Tjänsterutnät',

src/blocks/FDSpacerBlock/config.ts

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

src/blocks/FDTechPropertiesBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDTechPropertiesBlock: Block = {
   slug: 'fdTechProperties',
+  imageURL: '/block-thumbnails/fd-tech-properties.png',
+  imageAltText: 'FD Tekniska Egenskaper',
   interfaceName: 'FDTechPropertiesBlock',
   labels: {
     singular: 'FD Tekniska egenskaper',

src/blocks/FDUspChecklistBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDUspChecklistBlock: Block = {
   slug: 'fdUspChecklist',
+  imageURL: '/block-thumbnails/fd-usp-checklist.png',
+  imageAltText: 'FD USP-checklista',
   interfaceName: 'FDUspChecklistBlock',
   labels: {
     singular: 'FD USP-checklista',

src/blocks/FDUspTableBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDUspTableBlock: Block = {
   slug: 'fdUspTable',
+  imageURL: '/block-thumbnails/fd-usp-table.png',
+  imageAltText: 'FD USP-tabell',
   interfaceName: 'FDUspTableBlock',
   labels: {
     singular: 'FD USP-tabell',

src/blocks/FDWideCardBlock/config.ts

@@ -2,6 +2,8 @@ import type { Block } from 'payload'
 
 export const FDWideCardBlock: Block = {
   slug: 'fdWideCard',
+  imageURL: '/block-thumbnails/fd-wide-card.png',
+  imageAltText: 'FD Bredt kort',
   interfaceName: 'FDWideCardBlock',
   labels: {
     singular: 'FD Bredt kort',