fix(bff): handle missing slides in banner (#375)

Author: DDonochVA

libs/blog-bff/banners/api/src/lib/dtos.ts

@@ -2,10 +2,12 @@ export interface WPBannerDto {
   id: number;
   acf: {
     display_time: string;
-    slides: {
-      slide_image: number /* slideId */;
-      slide_url: string /* url to navigate to after click */;
-    }[];
+    slides:
+      | {
+          slide_image: number /* slideId */;
+          slide_url: string /* url to navigate to after click */;
+        }[]
+      | null;
   };
 }
 

libs/blog-bff/banners/api/src/lib/mappers.ts

@@ -8,13 +8,14 @@ export const toBanner = (
 ): Slider => {
   return {
     slideDisplayTimeMs: +dto.acf.display_time,
-    slides: dto.acf.slides.map((slide) => {
-      const media = mediaDto.find((media) => media.id === slide.slide_image)!;
-      return {
-        url: media.guid.rendered,
-        alt: media.alt_text,
-        navigateTo: slide.slide_url,
-      };
-    }),
+    slides:
+      dto.acf.slides?.map((slide) => {
+        const media = mediaDto.find((media) => media.id === slide.slide_image)!;
+        return {
+          url: media.guid.rendered,
+          alt: media.alt_text,
+          navigateTo: slide.slide_url,
+        };
+      }) ?? [],
   };
 };