diff --git a/catalog-rest-service/src/main/resources/ui/src/components/Modals/WhatsNewModal/ChangeLogs.tsx b/catalog-rest-service/src/main/resources/ui/src/components/Modals/WhatsNewModal/ChangeLogs.tsx index 3f77f556272..4ca33d17675 100644 --- a/catalog-rest-service/src/main/resources/ui/src/components/Modals/WhatsNewModal/ChangeLogs.tsx +++ b/catalog-rest-service/src/main/resources/ui/src/components/Modals/WhatsNewModal/ChangeLogs.tsx @@ -22,33 +22,43 @@ import RichTextEditorPreviewer from '../../common/rich-text-editor/RichTextEdito type Props = { data: { - highlight: string; - bugFix: string; - miscellaneous: string; + highlight?: string; + bugFix?: string; + miscellaneous?: string; }; }; const ChangeLogs = ({ data }: Props) => { return (
-
-
-

Highlights

+ {data.highlight && ( +
+
+

Highlights

+
+
- -
-
-
-

Bug fixes

+ )} + + {data.bugFix && ( +
+
+

Bug fixes

+
+
- -
-
-
-

Miscellaneous

+ )} + + {data.miscellaneous && ( +
+
+

+ Miscellaneous +

+
+
- -
+ )}
); }; diff --git a/catalog-rest-service/src/main/resources/ui/src/components/Modals/WhatsNewModal/FeaturesCarousel.tsx b/catalog-rest-service/src/main/resources/ui/src/components/Modals/WhatsNewModal/FeaturesCarousel.tsx index 52b14ee9221..4d3a84d3104 100644 --- a/catalog-rest-service/src/main/resources/ui/src/components/Modals/WhatsNewModal/FeaturesCarousel.tsx +++ b/catalog-rest-service/src/main/resources/ui/src/components/Modals/WhatsNewModal/FeaturesCarousel.tsx @@ -22,7 +22,12 @@ import React, { useEffect, useRef, useState } from 'react'; import Slider from 'react-slick'; type Props = { - data: { title: string; description: string; image: string }[]; + data: { + title: string; + description: string; + isImage: boolean; + path: string; + }[]; }; const FeaturesCarousel = ({ data }: Props) => { @@ -51,11 +56,21 @@ const FeaturesCarousel = ({ data }: Props) => { <> {data.map((d) => ( -
+

{d.title}

{d.description}

- feature + {d.isImage ? ( + feature + ) : ( +