#RI-6347 - fix onboarding custom tutorials step

Author: rsergeenko

redisinsight/ui/src/components/side-panels/panels/enablement-area/EnablementArea/components/Group/Group.tsx

@@ -73,13 +73,15 @@ const Group = (props: Props) => {
   }
 
   const handleOpen = (isOpen: boolean) => {
+    if (forceState === 'open') return
+
     setIsGroupOpen(isOpen)
     onToggle?.(isOpen)
   }
 
   const actionsContent = (
     <>
-      {actions?.includes(EAItemActions.Create) && isGroupOpen && (
+      {actions?.includes(EAItemActions.Create) && (isGroupOpen || forceState === 'open') && (
         <OnboardingTour
           options={ONBOARDING_FEATURES.EXPLORE_CUSTOM_TUTORIALS}
           anchorPosition="downLeft"

redisinsight/ui/src/components/side-panels/panels/enablement-area/EnablementArea/components/Navigation/Navigation.tsx

@@ -3,7 +3,7 @@ import cx from 'classnames'
 import { EuiListGroup } from '@elastic/eui'
 import { isArray } from 'lodash'
 import { useParams } from 'react-router-dom'
-import { useDispatch } from 'react-redux'
+import { useDispatch, useSelector } from 'react-redux'
 import { EnablementAreaComponent, IEnablementAreaItem } from 'uiSrc/slices/interfaces'
 
 import { ApiEndpoints, EAItemActions, EAManifestFirstKey } from 'uiSrc/constants'
@@ -15,6 +15,8 @@ import {
 } from 'uiSrc/slices/workbench/wb-custom-tutorials'
 
 import UploadWarning from 'uiSrc/components/upload-warning'
+import { appFeatureOnboardingSelector } from 'uiSrc/slices/app/features'
+import { OnboardingSteps } from 'uiSrc/constants/onboarding'
 import {
   FormValues
 } from '../UploadTutorialForm/UploadTutorialForm'
@@ -45,12 +47,15 @@ const PATHS = {
 
 const Navigation = (props: Props) => {
   const { tutorials, customTutorials, isInternalPageVisible } = props
+  const { currentStep, isActive } = useSelector(appFeatureOnboardingSelector)
 
   const [isCreateOpen, setIsCreateOpen] = useState(false)
 
   const dispatch = useDispatch()
   const { instanceId = '' } = useParams<{ instanceId: string }>()
 
+  const isCustomTutorialsOnboarding = currentStep === OnboardingSteps.CustomTutorials && isActive
+
   useEffect(() => () => {
     dispatch(setWbCustomTutorialsState())
   }, [])
@@ -122,6 +127,7 @@ const Navigation = (props: Props) => {
             onCreate={() => setIsCreateOpen((v) => !v)}
             onDelete={onDeleteCustomTutorial}
             isPageOpened={isInternalPageVisible}
+            forceState={isCustomTutorials && isCustomTutorialsOnboarding ? 'open' : undefined}
             {...args}
           >
             {isCustomTutorials && actions?.includes(EAItemActions.Create) && (