diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Modals/WhatsNewModal/FeaturesCarousel.interface.ts b/openmetadata-ui/src/main/resources/ui/src/components/Modals/WhatsNewModal/FeaturesCarousel.interface.ts index 8ec77f210b1..5aa9a735d28 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/Modals/WhatsNewModal/FeaturesCarousel.interface.ts +++ b/openmetadata-ui/src/main/resources/ui/src/components/Modals/WhatsNewModal/FeaturesCarousel.interface.ts @@ -16,6 +16,7 @@ export type CarousalData = { description: string; isImage: boolean; path: string; + isCollate?: boolean; }; export type FeaturesCarouselProps = { diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Modals/WhatsNewModal/FeaturesCarousel.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Modals/WhatsNewModal/FeaturesCarousel.tsx index 4c9875370cf..224f57226c2 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/Modals/WhatsNewModal/FeaturesCarousel.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/Modals/WhatsNewModal/FeaturesCarousel.tsx @@ -14,6 +14,7 @@ import { Carousel } from 'antd'; import { uniqueId } from 'lodash'; import React from 'react'; +import collateIcon from '../../../assets/svg/ic-collate.svg'; import RichTextEditorPreviewerV1 from '../../common/RichTextEditor/RichTextEditorPreviewerV1'; import { FeaturesCarouselProps } from './FeaturesCarousel.interface'; @@ -23,7 +24,14 @@ const FeaturesCarousel = ({ data }: FeaturesCarouselProps) => { {data.map((d) => (
-

{d.title}

+
+

{d.title}

+ {d.isCollate && ( + + collate + + )} +
({ + title: kebabCase(key), + image: item, + descriptionKey: kebabCase(key) + '-description', + }))), { title: 'data-collaboration', image: dataCollaboration, diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/LoginClassBase.ts b/openmetadata-ui/src/main/resources/ui/src/constants/LoginClassBase.ts index 3859d1a6980..77e3c15e4b0 100644 --- a/openmetadata-ui/src/main/resources/ui/src/constants/LoginClassBase.ts +++ b/openmetadata-ui/src/main/resources/ui/src/constants/LoginClassBase.ts @@ -18,7 +18,7 @@ import insightImg from '../assets/img/login-screen/data-insights.png'; import dataQualityImg from '../assets/img/login-screen/data-quality.png'; class LoginClassBase { - public carouselImages() { + public carouselImages(): Record { return { dataDiscovery: discoveryImg, dataQuality: dataQualityImg,