diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot1.png b/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot1.png index 534c3454a78..ce5791fbe6d 100644 Binary files a/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot1.png and b/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot1.png differ diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot2.png b/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot2.png index 7ae5c074d0a..3764a241811 100644 Binary files a/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot2.png and b/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot2.png differ diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot3.png b/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot3.png index b7004bee91d..f1bddf53b51 100644 Binary files a/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot3.png and b/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot3.png differ diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot4.png b/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot4.png index d2e4ea29274..77e86b01449 100644 Binary files a/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot4.png and b/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot4.png differ diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot5.png b/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot5.png index d953e475521..a65369f7be8 100644 Binary files a/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot5.png and b/openmetadata-ui/src/main/resources/ui/src/assets/img/screenShot5.png differ 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 534293ce8d5..f51eb79f572 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 @@ -12,78 +12,43 @@ */ import { Carousel } from 'antd'; -import { CarouselProps, CarouselRef } from 'antd/lib/carousel'; import { uniqueId } from 'lodash'; -import React, { useEffect, useMemo, useRef, useState } from 'react'; +import React from 'react'; import RichTextEditorPreviewer from '../../common/rich-text-editor/RichTextEditorPreviewer'; import { FeaturesCarouselProps } from './FeaturesCarousel.interface'; const FeaturesCarousel = ({ data }: FeaturesCarouselProps) => { - const [isDataChange, setIsDataChange] = useState(false); - const sliderRef = useRef(null); - - const FEATURES_CAROUSEL_SETTINGS = useMemo( - () => - ({ - dots: { - className: 'carousel-dots testid-dots-button', - }, - autoplay: true, - prefixCls: 'features-carousel', - infinite: true, - slidesToShow: 1, - slidesToScroll: 1, - beforeChange: (current: number) => { - if (current >= data.length) { - setIsDataChange(true); - } else { - setIsDataChange(false); - } - }, - onReInit: () => { - if (isDataChange) { - setTimeout(() => { - sliderRef?.current?.goTo(0); - }, 200); - } - }, - } as CarouselProps), - [sliderRef, setIsDataChange, data, isDataChange] - ); - - useEffect(() => { - setIsDataChange(true); - }, [data]); - return ( - - {data.map((d) => ( -
-

{d.title}

-
- +
+ + {data.map((d) => ( +
+

{d.title}

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