#RI-4939 - [Regression][FE] CREATE_FREE_CLOUD_DATABASE_CLICKED event is sent when SSO feature available

Author: egor-zalenski

redisinsight/ui/src/components/oauth/oauth-sso-handler-dialog/OAuthSsoHandlerDialog.tsx

@@ -8,7 +8,10 @@ import { appFeatureFlagsFeaturesSelector } from 'uiSrc/slices/app/features'
 import { setSignInDialogState } from 'uiSrc/slices/oauth/cloud'
 
 export interface Props {
-  children: (ssoCloudHandlerClick: (e: React.MouseEvent, source: OAuthSocialSource) => void) => React.ReactElement
+  children: (
+    ssoCloudHandlerClick: (e: React.MouseEvent, source: OAuthSocialSource) => void,
+    isSSOEnabled: boolean,
+  ) => React.ReactElement
 }
 
 const OAuthSsoHandlerDialog = ({ children }: Props) => {
@@ -32,7 +35,7 @@ const OAuthSsoHandlerDialog = ({ children }: Props) => {
     })
   }
 
-  return children?.(ssoCloudHandlerClick)
+  return children?.(ssoCloudHandlerClick, !!feature?.flag)
 }
 
 export default OAuthSsoHandlerDialog

redisinsight/ui/src/pages/home/components/HomeHeader/HomeHeader.tsx

@@ -185,7 +185,7 @@ const HomeHeader = ({ onAddInstance, direction }: Props) => {
     const linkStyles = stylesCss ? stylesCss[theme] : {}
     const promoLink = (
       <OAuthSsoHandlerDialog>
-        {(ssoCloudHandlerClick) => (
+        {(ssoCloudHandlerClick, isSSOEnabled) => (
           <PromoLink
             title={title}
             description={description}
@@ -199,7 +199,10 @@ const HomeHeader = ({ onAddInstance, direction }: Props) => {
                 : undefined
             }}
             onClick={(e) => {
-              handleCreateDatabaseClick(HELP_LINKS.cloud.event, { source: 'My Redis databases' })
+              !isSSOEnabled && handleCreateDatabaseClick(
+                HELP_LINKS.cloud.event,
+                { source: HELP_LINKS.cloud.sources.databaseList },
+              )
               ssoCloudHandlerClick(e, OAuthSocialSource.ListOfDatabases)
             }}
           />