#RI-6320 - rename feature flag

Author: rsergeenko

redisinsight/ui/src/constants/featureFlags.ts

@@ -7,5 +7,5 @@ export enum FeatureFlags {
   disabledByEnv = 'disabledByEnv',
   rdi = 'redisDataIntegration',
   hashFieldExpiration = 'hashFieldExpiration',
-  cloudDatabaseInTheList = 'cloudDatabaseInTheList',
+  enhancedCloudUI = 'enhancedCloudUI',
 }

redisinsight/ui/src/pages/home/HomePage.spec.tsx

@@ -22,7 +22,7 @@ jest.mock('uiSrc/slices/content/create-redis-buttons', () => ({
 jest.mock('uiSrc/slices/app/features', () => ({
   ...jest.requireActual('uiSrc/slices/app/features'),
   appFeatureFlagsFeaturesSelector: jest.fn().mockReturnValue({
-    cloudDatabaseInTheList: {
+    enhancedCloudUI: {
       flag: false
     }
   }),
@@ -41,8 +41,6 @@ describe('HomePage', () => {
   it('should render insights trigger', async () => {
     await render(<HomePage />)
 
-    screen.debug(undefined, 100_000)
-
     expect(screen.getByTestId('insights-trigger')).toBeInTheDocument()
   })
 
@@ -54,7 +52,7 @@ describe('HomePage', () => {
 
   it('should not render free cloud db with feature flag disabled', async () => {
     (appFeatureFlagsFeaturesSelector as jest.Mock).mockReturnValueOnce({
-      cloudDatabaseInTheList: {
+      enhancedCloudUI: {
         flag: false
       }
     })
@@ -65,7 +63,7 @@ describe('HomePage', () => {
 
   it('should render free cloud db with feature flag enabled', async () => {
     (appFeatureFlagsFeaturesSelector as jest.Mock).mockReturnValueOnce({
-      cloudDatabaseInTheList: {
+      enhancedCloudUI: {
         flag: true
       }
     })

redisinsight/ui/src/pages/home/HomePage.tsx

@@ -59,7 +59,7 @@ const HomePage = () => {
   const { instance: sentinelInstance } = useSelector(sentinelSelector)
   const { action, dbConnection } = useSelector(appRedirectionSelector)
   const { data: createDbContent } = useSelector(contentSelector)
-  const { [FeatureFlags.cloudDatabaseInTheList]: cloudDatabaseInTheList } = useSelector(appFeatureFlagsFeaturesSelector)
+  const { [FeatureFlags.enhancedCloudUI]: enhancedCloudUIFeature } = useSelector(appFeatureFlagsFeaturesSelector)
 
   const {
     loading,
@@ -75,7 +75,7 @@ const HomePage = () => {
 
   const { contextInstanceId } = useSelector(appContextSelector)
 
-  const predefinedInstances = cloudDatabaseInTheList?.flag && createDbContent?.cloud_list_of_databases ? [
+  const predefinedInstances = enhancedCloudUIFeature?.flag && createDbContent?.cloud_list_of_databases ? [
     { id: CREATE_CLOUD_DB_ID, ...createDbContent.cloud_list_of_databases } as Instance
   ] : []
   const isInstanceExists = instances.length > 0 || predefinedInstances.length > 0

redisinsight/ui/src/pages/home/components/database-list-header/DatabaseListHeader.spec.tsx

@@ -9,7 +9,7 @@ const mockedProps = mock<Props>()
 jest.mock('uiSrc/slices/app/features', () => ({
   ...jest.requireActual('uiSrc/slices/app/features'),
   appFeatureFlagsFeaturesSelector: jest.fn().mockReturnValue({
-    cloudDatabaseInTheList: {
+    enhancedCloudUI: {
       flag: false
     }
   }),
@@ -45,7 +45,7 @@ describe('DatabaseListHeader', () => {
 
   it('should not show promo cloud button with disabled feature flag', () => {
     (appFeatureFlagsFeaturesSelector as jest.Mock).mockReturnValueOnce({
-      cloudDatabaseInTheList: {
+      enhancedCloudUI: {
         flag: true
       }
     })
@@ -57,7 +57,7 @@ describe('DatabaseListHeader', () => {
 
   it('should show promo cloud button with enabled feature flag', () => {
     (appFeatureFlagsFeaturesSelector as jest.Mock).mockReturnValueOnce({
-      cloudDatabaseInTheList: {
+      enhancedCloudUI: {
         flag: false
       }
     })

redisinsight/ui/src/pages/home/components/database-list-header/DatabaseListHeader.tsx

@@ -38,8 +38,8 @@ const DatabaseListHeader = ({ onAddInstance }: Props) => {
   const [promoData, setPromoData] = useState<ContentCreateRedis>()
 
   const { theme } = useContext(ThemeContext)
-  const { [FeatureFlags.cloudDatabaseInTheList]: cloudDatabaseInTheListFeature } = featureFlags
-  const isShowPromoBtn = !cloudDatabaseInTheListFeature?.flag
+  const { [FeatureFlags.enhancedCloudUI]: enhancedCloudUIFeature } = featureFlags
+  const isShowPromoBtn = !enhancedCloudUIFeature?.flag
 
   useEffect(() => {
     if (loading || !data || isEmpty(data)) {

redisinsight/ui/src/slices/app/features.ts

@@ -44,7 +44,7 @@ export const initialState: StateAppFeatures = {
       [FeatureFlags.rdi]: {
         flag: false
       },
-      [FeatureFlags.cloudDatabaseInTheList]: {
+      [FeatureFlags.enhancedCloudUI]: {
         flag: false
       }
     }