Merge pull request #3607 from RedisInsight/feature/RI-5924-new-feature-flag-for-rdi

New feature flag for rdi #5924

Author: vlad-dargel

redisinsight/api/config/features-config.json

@@ -1,7 +1,7 @@
 {
   "version": 2.5203,
   "features": {
-    "rdi": {
+    "redisDataIntegration": {
       "flag": true,
       "perc": [[0,0]],
       "filters": [

redisinsight/api/src/modules/feature/constants/index.ts

@@ -27,7 +27,7 @@ export enum KnownFeatures {
   RedisClient = 'redisClient',
   DocumentationChat = 'documentationChat',
   DatabaseChat = 'databaseChat',
-  Rdi = 'rdi',
+  Rdi = 'redisDataIntegration',
   HashFieldExpiration = 'hashFieldExpiration',
 }
 

redisinsight/ui/src/assets/img/sidebar/pipeline_statistics.svg

@@ -3,7 +3,7 @@ import reactRouterDom from 'react-router-dom'
 import { cloneDeep } from 'lodash'
 import { render, screen, fireEvent, act, cleanup, mockedStore } from 'uiSrc/utils/test-utils'
 
-import { Pages } from 'uiSrc/constants'
+import { FeatureFlags, Pages } from 'uiSrc/constants'
 import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/telemetry'
 import { appFeatureFlagsFeaturesSelector, removeFeatureFromHighlighting } from 'uiSrc/slices/app/features'
 import HomeTabs from './HomeTabs'
@@ -18,9 +18,9 @@ beforeEach(() => {
 jest.mock('uiSrc/slices/app/features', () => ({
   ...jest.requireActual('uiSrc/slices/app/features'),
   appFeatureFlagsFeaturesSelector: jest.fn().mockReturnValue({
-    rdi: {
+    redisDataIntegration: {
       flag: true
-    },
+    }
   }),
 }))
 
@@ -88,7 +88,7 @@ describe('HomeTabs', () => {
 
     fireEvent.click(screen.getByTestId('home-tab-rdi-instances'))
 
-    const expectedActions = [removeFeatureFromHighlighting('rdi')]
+    const expectedActions = [removeFeatureFromHighlighting(FeatureFlags.rdi)]
     expect(store.getActions()).toEqual(expectedActions)
   })
 

redisinsight/ui/src/assets/img/sidebar/pipeline_statistics_active.svg

@@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useState } from 'react'
 import { EuiTab, EuiTabs } from '@elastic/eui'
 import { useHistory, useLocation } from 'react-router-dom'
 import { useDispatch, useSelector } from 'react-redux'
-import { Pages, PageValues } from 'uiSrc/constants'
+import { FeatureFlags, Pages, PageValues } from 'uiSrc/constants'
 import { FeatureFlagComponent } from 'uiSrc/components'
 import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/telemetry'
 import { BUILD_FEATURES } from 'uiSrc/constants/featuresHighlighting'
@@ -16,7 +16,7 @@ import styles from './styles.module.scss'
 const HomeTabs = () => {
   const [activeTab, setActiveTab] = useState('')
   const { features } = useSelector(appFeatureHighlightingSelector)
-  const { rdi: rdiHighlighting } = getHighlightingFeatures(features)
+  const { [FeatureFlags.rdi]: rdiHighlighting } = getHighlightingFeatures(features)
 
   const history = useHistory()
   const { pathname } = useLocation()
@@ -35,7 +35,7 @@ const HomeTabs = () => {
     })
 
     if (path === Pages.rdi) {
-      dispatch(removeFeatureFromHighlighting('rdi'))
+      dispatch(removeFeatureFromHighlighting(FeatureFlags.rdi))
       history.push(Pages.rdi)
       return
     }
@@ -55,7 +55,7 @@ const HomeTabs = () => {
           <HighlightedFeature
             isHighlight={rdiHighlighting}
             /* highlighting will remove in next release, do not need cover multiple tabs */
-            {...(BUILD_FEATURES.rdi || {})}
+            {...(BUILD_FEATURES.redisDataIntegration || {})}
           >
             {title}
           </HighlightedFeature>

redisinsight/ui/src/components/home-tabs/HomeTabs.spec.tsx

@@ -4,6 +4,6 @@ export enum FeatureFlags {
   cloudSsoRecommendedSettings = 'cloudSsoRecommendedSettings',
   databaseChat = 'databaseChat',
   documentationChat = 'documentationChat',
-  rdi = 'rdi',
+  rdi = 'redisDataIntegration',
   hashFieldExpiration = 'hashFieldExpiration',
 }

redisinsight/ui/src/components/home-tabs/HomeTabs.tsx

@@ -14,7 +14,7 @@ export const BUILD_FEATURES: Record<string, BuildHighlightingFeature> = {
   aiChatbot: {
     type: 'dialog'
   },
-  rdi: {
+  redisDataIntegration: {
     type: 'tooltip-badge',
     title: '',
     content: 'Sync Redis databases with data from another database.',

redisinsight/ui/src/constants/featureFlags.ts

@@ -41,6 +41,9 @@ export const initialState: StateAppFeatures = {
       [FeatureFlags.hashFieldExpiration]: {
         flag: false
       },
+      [FeatureFlags.rdi]: {
+        flag: false
+      }
     }
   }
 }

redisinsight/ui/src/constants/featuresHighlighting.tsx

@@ -42,7 +42,7 @@ export interface IMessage {
 
 export enum AppWorkspace {
   Databases = 'databases',
-  RDI = 'rdi'
+  RDI = 'redisDataIntegration'
 }
 
 export interface StateAppInfo {