fix(ui): hide + button when no custom tutorials exist

Author: dantovska

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

@@ -36,6 +36,7 @@ export interface Props {
   isPageOpened?: boolean
   isShowActions?: boolean
   isShowFolder?: boolean
+  hasChildren?: boolean
 }
 
 const Group = (props: Props) => {
@@ -53,6 +54,7 @@ const Group = (props: Props) => {
     onDelete,
     isPageOpened,
     isShowFolder,
+    hasChildren = true,
   } = props
   const { deleting: deletingCustomTutorials } = useSelector(
     workbenchCustomTutorialsSelector,
@@ -87,6 +89,7 @@ const Group = (props: Props) => {
   const actionsContent = (
     <>
       {actions?.includes(EAItemActions.Create) &&
+        hasChildren &&
         (isGroupOpen || forceState === 'open') && (
           <OnboardingTour
             options={ONBOARDING_FEATURES.EXPLORE_CUSTOM_TUTORIALS}

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

@@ -156,6 +156,7 @@ const Navigation = (props: Props) => {
     const currentManifestPath = `${manifestPath}/${key}`
 
     const isCustomTutorials = id === CUSTOM_TUTORIALS_ID && level === 0
+    const hasChildren = (children?.length ?? 0) > 0
 
     switch (type) {
       case EnablementAreaComponent.Group:
@@ -171,6 +172,7 @@ const Navigation = (props: Props) => {
             onCreate={() => setIsCreateOpen((v) => !v)}
             onDelete={onDeleteCustomTutorial}
             isPageOpened={isInternalPageVisible}
+            hasChildren={hasChildren}
             forceState={
               isCustomTutorials && isCustomTutorialsOnboarding
                 ? 'open'