#RI-5538 - remove HelpLinksMenu

Author: egor-zalenski

redisinsight/ui/src/pages/home/components/capability-promotion/styles.module.scss

@@ -68,13 +68,13 @@
   }
 }
 
-@include welcome-page(650px) {
+@include welcome-page-header(650px) {
   .guideItem:nth-child(3) {
     display: none;
   }
 }
 
-@include welcome-page(850px) {
+@include welcome-page-header(850px) {
   .guideItem:nth-child(4) {
     display: none;
   }

redisinsight/ui/src/pages/home/components/help-links-menu/HelpLinksMenu.tsx

@@ -12,7 +12,6 @@ import { useSelector } from 'react-redux'
 import cx from 'classnames'
 import { ImportDatabasesDialog, OAuthSsoHandlerDialog } from 'uiSrc/components'
 import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/telemetry'
-import HelpLinksMenu from 'uiSrc/pages/home/components/help-links-menu'
 import PromoLink from 'uiSrc/components/promo-link/PromoLink'
 import { ThemeContext } from 'uiSrc/contexts/themeContext'
 import { contentSelector } from 'uiSrc/slices/content/create-redis-buttons'
@@ -184,32 +183,15 @@ const HomeHeader = ({ onAddInstance, direction }: Props) => {
             <ImportDatabasesBtn />
           </EuiFlexItem>
           {!loading && !isEmpty(data) && (
-            <>
-              <EuiFlexItem grow={false} className={cx(styles.promo)}>
-                <EuiFlexGroup alignItems="center" gutterSize="s">
-                  {promoData && (
-                    <EuiFlexItem grow={false}>
-                      <CreateBtn content={promoData} />
-                    </EuiFlexItem>
-                  )}
-                </EuiFlexGroup>
-              </EuiFlexItem>
-              <EuiFlexItem grow={false} className={styles.fullGuides}>
-                <HelpLinksMenu
-                  items={guides}
-                  buttonText={CREATE_DATABASE}
-                  onLinkClick={(link) => handleClickLink(HELP_LINKS[link as keyof typeof HELP_LINKS]?.event)}
-                />
-              </EuiFlexItem>
-              <EuiFlexItem grow={false} className={styles.smallGuides}>
-                <HelpLinksMenu
-                  emptyAnchor
-                  items={guides.slice(1)}
-                  buttonText={THE_GUIDES}
-                  onLinkClick={(link) => handleClickLink(HELP_LINKS[link as keyof typeof HELP_LINKS]?.event)}
-                />
-              </EuiFlexItem>
-            </>
+            <EuiFlexItem grow={false} className={cx(styles.promo)}>
+              <EuiFlexGroup alignItems="center" gutterSize="s">
+                {promoData && (
+                <EuiFlexItem grow={false}>
+                  <CreateBtn content={promoData} />
+                </EuiFlexItem>
+                )}
+              </EuiFlexGroup>
+            </EuiFlexItem>
           )}
           {instances.length > 0 && (
             <EuiFlexItem grow={false} className={styles.searchContainer}>

redisinsight/ui/src/pages/home/components/help-links-menu/HelpLinskMenu.spec.tsx

@@ -95,32 +95,11 @@
 
 .promo {
   display: flex !important;
-  @media only screen and(max-width: 1100px) {
+  @media only screen and(max-width: 1000px) {
     display: none !important;
   }
 }
 
-.linkGuides {
-  display: none !important;
-  @media (min-width: 1250px) {
-    display: flex !important;
-  }
-}
-
-.fullGuides {
-  display: none !important;
-  @media only screen and(max-width: 1100px) {
-    display: flex !important;
-  }
-}
-
-.smallGuides {
-  display: none !important;
-  @media (min-width: 1101px) and (max-width: 1249px) {
-    display: flex !important;
-  }
-}
-
 .cloudSsoPromoTooltip {
   display: flex;
   flex-direction: row;
@@ -133,18 +112,9 @@
   margin-right: 8px;
 }
 
-@include insights-open(1712px) {
-  .fullGuides {
-    display: flex !important;
-  }
-
-  .promo, .smallGuides {
+@include insights-open(1350px) {
+  .promo {
     display: none !important;
   }
 }
 
-@include insights-open(1200px) {
-  .fullGuides {
-    display: none !important;
-  }
-}

redisinsight/ui/src/pages/home/components/help-links-menu/index.ts

@@ -6,7 +6,7 @@
   }
 }
 
-@mixin welcome-page($max-width: 1440px) {
+@mixin welcome-page-header($max-width: 1440px) {
   h4[data-testid="welcome-page-title"] ~ div {
     @media only screen and (max-width: $max-width) {
       @content;