diff --git a/redisinsight/ui/src/components/analytics-tabs/constants.tsx b/redisinsight/ui/src/components/analytics-tabs/constants.tsx index 7cc30a73ec..c5959146d8 100644 --- a/redisinsight/ui/src/components/analytics-tabs/constants.tsx +++ b/redisinsight/ui/src/components/analytics-tabs/constants.tsx @@ -1,11 +1,6 @@ -import React, { ReactNode } from 'react' -import { useSelector } from 'react-redux' +import { ReactNode } from 'react' import { AnalyticsViewTab } from 'uiSrc/slices/interfaces/analytics' -import { appFeatureHighlightingSelector } from 'uiSrc/slices/app/features' -import HighlightedFeature from 'uiSrc/components/hightlighted-feature/HighlightedFeature' -import { BUILD_FEATURES } from 'uiSrc/constants/featuresHighlighting' -import { getHighlightingFeatures } from 'uiSrc/utils/highlighting' import { OnboardingTourOptions } from 'uiSrc/components/onboarding-tour' import { ONBOARDING_FEATURES } from 'uiSrc/components/onboarding-features' @@ -15,26 +10,6 @@ interface AnalyticsTabs { onboard?: OnboardingTourOptions } -const DatabaseAnalyticsTab = () => { - const { features } = useSelector(appFeatureHighlightingSelector) - const { recommendations: recommendationsHighlighting } = getHighlightingFeatures(features) - - return ( - <> - - Database Analysis - - - ) -} - export const analyticsViewTabs: AnalyticsTabs[] = [ { id: AnalyticsViewTab.ClusterDetails, @@ -43,7 +18,7 @@ export const analyticsViewTabs: AnalyticsTabs[] = [ }, { id: AnalyticsViewTab.DatabaseAnalysis, - label: , + label: 'Database Analysis', onboard: ONBOARDING_FEATURES.ANALYTICS_DATABASE_ANALYSIS }, { diff --git a/redisinsight/ui/src/constants/featuresHighlighting.tsx b/redisinsight/ui/src/constants/featuresHighlighting.tsx index 14f491dbbb..1617748b43 100644 --- a/redisinsight/ui/src/constants/featuresHighlighting.tsx +++ b/redisinsight/ui/src/constants/featuresHighlighting.tsx @@ -1,5 +1,4 @@ import React from 'react' -import { PageNames } from 'uiSrc/constants/pages' export type FeaturesHighlightingType = 'plain' | 'tooltip' | 'popover' @@ -10,10 +9,5 @@ interface BuildHighlightingFeature { page?: string } export const BUILD_FEATURES: { [key: string]: BuildHighlightingFeature } = { - recommendations: { - type: 'tooltip', - title: 'Database Recommendations', - content: 'Run database analysis to get recommendations for optimizing your database.', - page: PageNames.analytics - } + } diff --git a/redisinsight/ui/src/pages/databaseAnalysis/components/data-nav-tabs/constants.tsx b/redisinsight/ui/src/pages/databaseAnalysis/components/data-nav-tabs/constants.tsx index ed6383740c..cf6f14c7e3 100644 --- a/redisinsight/ui/src/pages/databaseAnalysis/components/data-nav-tabs/constants.tsx +++ b/redisinsight/ui/src/pages/databaseAnalysis/components/data-nav-tabs/constants.tsx @@ -1,15 +1,6 @@ import React, { ReactNode } from 'react' -import { useDispatch, useSelector } from 'react-redux' import { DatabaseAnalysisViewTab } from 'uiSrc/slices/interfaces/analytics' -import { - appFeatureHighlightingSelector, - removeFeatureFromHighlighting -} from 'uiSrc/slices/app/features' -import { BUILD_FEATURES } from 'uiSrc/constants/featuresHighlighting' -import HighlightedFeature from 'uiSrc/components/hightlighted-feature/HighlightedFeature' - -import { getHighlightingFeatures } from 'uiSrc/utils/highlighting' import { OnboardingTourOptions } from 'uiSrc/components/onboarding-tour' import { ONBOARDING_FEATURES } from 'uiSrc/components/onboarding-features' @@ -23,25 +14,6 @@ interface DatabaseAnalysisTabs { onboard?: OnboardingTourOptions } -const RecommendationsTab = ({ count }: { count?: number }) => { - const { features } = useSelector(appFeatureHighlightingSelector) - const { recommendations: recommendationsHighlighting } = getHighlightingFeatures(features) - - const dispatch = useDispatch() - - return ( - dispatch(removeFeatureFromHighlighting('recommendations'))} - dotClassName="tab-highlighting-dot" - wrapperClassName="inner-highlighting-wrapper" - > - {count ? <>Recommendations ({count}) : <>Recommendations} - - ) -} - export const databaseAnalysisTabs: DatabaseAnalysisTabs[] = [ { id: DatabaseAnalysisViewTab.DataSummary, @@ -50,7 +22,7 @@ export const databaseAnalysisTabs: DatabaseAnalysisTabs[] = [ }, { id: DatabaseAnalysisViewTab.Recommendations, - name: (count) => , + name: (count?: number) => (count ? `Recommendations (${count})` : 'Recommendations'), content: , onboard: ONBOARDING_FEATURES.ANALYTICS_RECOMMENDATIONS },