From 9e4501c184617fa250e841e6ee1ec042e0274ae7 Mon Sep 17 00:00:00 2001
From: Tostti <nicolas.guevara.pihen@gmail.com>
Date: Wed, 24 Jan 2024 18:34:35 -0300
Subject: [PATCH] Change help menu items

---
 src/core/public/chrome/chrome_service.tsx     |  1 +
 src/core/public/chrome/ui/header/header.tsx   |  2 +
 .../chrome/ui/header/header_help_menu.tsx     | 39 ++++++++++++++-----
 3 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/src/core/public/chrome/chrome_service.tsx b/src/core/public/chrome/chrome_service.tsx
index f6ca2aa28089..93b554c9d3f2 100644
--- a/src/core/public/chrome/chrome_service.tsx
+++ b/src/core/public/chrome/chrome_service.tsx
@@ -263,6 +263,7 @@ export class ChromeService {
           branding={injectedMetadata.getBranding()}
           logos={logos}
           survey={injectedMetadata.getSurvey()}
+          darkmode={uiSettings.get('theme:darkMode')}
         />
       ),
 
diff --git a/src/core/public/chrome/ui/header/header.tsx b/src/core/public/chrome/ui/header/header.tsx
index acc7c6869145..0f903e015795 100644
--- a/src/core/public/chrome/ui/header/header.tsx
+++ b/src/core/public/chrome/ui/header/header.tsx
@@ -93,6 +93,7 @@ export interface HeaderProps {
   branding: ChromeBranding;
   logos: Logos;
   survey: string | undefined;
+  darkmode: boolean;
 }
 
 export function Header({
@@ -238,6 +239,7 @@ export function Header({
                   opensearchDashboardsDocLink={opensearchDashboardsDocLink}
                   opensearchDashboardsVersion={opensearchDashboardsVersion}
                   surveyLink={survey}
+                  darkmode={observables.darkmode}
                 />
               </EuiHeaderSectionItem>
             </EuiHeaderSection>
diff --git a/src/core/public/chrome/ui/header/header_help_menu.tsx b/src/core/public/chrome/ui/header/header_help_menu.tsx
index 33b858177118..9681e87657fa 100644
--- a/src/core/public/chrome/ui/header/header_help_menu.tsx
+++ b/src/core/public/chrome/ui/header/header_help_menu.tsx
@@ -50,7 +50,6 @@ import { ExclusiveUnion } from '@elastic/eui';
 import { combineLatest } from 'rxjs';
 import { HeaderExtension } from './header_extension';
 import { ChromeHelpExtension } from '../../chrome_service';
-import { GITHUB_CREATE_ISSUE_LINK } from '../../constants';
 
 /** @public */
 export type ChromeHelpExtensionMenuGitHubLink = EuiButtonEmptyProps & {
@@ -123,6 +122,7 @@ interface Props {
   useDefaultContent?: boolean;
   opensearchDashboardsDocLink: string;
   surveyLink?: string;
+  darkmode: boolean;
 }
 
 interface State {
@@ -200,24 +200,37 @@ class HeaderHelpMenuUI extends Component<Props, State> {
       useDefaultContent,
       opensearchDashboardsDocLink,
       surveyLink,
+      darkmode,
     } = this.props;
     const { helpExtension, helpSupportUrl } = this.state;
 
     const defaultContent = useDefaultContent ? (
       <Fragment>
-        <EuiButtonEmpty href={opensearchDashboardsDocLink} target="_blank" size="xs" flush="left">
+        <EuiButtonEmpty
+          href="https://documentation.wazuh.com/4.8/"
+          target="_blank"
+          size="xs"
+          flush="left"
+          iconType={darkmode ? '/ui/logos/icon_dark.svg' : '/ui/logos/icon_light.svg'}
+        >
           <FormattedMessage
             id="core.ui.chrome.headerGlobalNav.helpMenuOpenSearchDashboardsDocumentationTitle"
-            defaultMessage="Wazuh documentation"
+            defaultMessage="Documentation"
           />
         </EuiButtonEmpty>
 
         <EuiSpacer size="xs" />
 
-        <EuiButtonEmpty href={helpSupportUrl} target="_blank" size="xs" flush="left">
+        <EuiButtonEmpty
+          href="https://wazuh.com/community/join-us-on-slack/"
+          target="_blank"
+          size="xs"
+          flush="left"
+          iconType="logoSlack"
+        >
           <FormattedMessage
             id="core.ui.chrome.headerGlobalNav.helpMenuAskOpenSearchTitle"
-            defaultMessage="Ask Wazuh"
+            defaultMessage="Slack Channel"
           />
         </EuiButtonEmpty>
 
@@ -225,10 +238,16 @@ class HeaderHelpMenuUI extends Component<Props, State> {
 
         {surveyLink && (
           <div>
-            <EuiButtonEmpty href={surveyLink} target="_blank" size="xs" flush="left">
+            <EuiButtonEmpty
+              href="https://github.com/wazuh/"
+              target="_blank"
+              size="xs"
+              flush="left"
+              iconType="logoGithub"
+            >
               <FormattedMessage
                 id="core.ui.chrome.headerGlobalNav.helpMenuFeedbackSurveyTitle"
-                defaultMessage="Give feedback"
+                defaultMessage="Projects on Github"
               />
             </EuiButtonEmpty>
             <EuiSpacer size="xs" />
@@ -238,15 +257,15 @@ class HeaderHelpMenuUI extends Component<Props, State> {
         <EuiSpacer size="xs" />
 
         <EuiButtonEmpty
-          href={GITHUB_CREATE_ISSUE_LINK}
+          href="https://groups.google.com/forum/#!forum/wazuh/"
           target="_blank"
           size="xs"
-          iconType="logoGithub"
+          iconType="/ui/logos/google_groups.svg"
           flush="left"
         >
           <FormattedMessage
             id="core.ui.chrome.headerGlobalNav.helpMenuOpenGitHubIssueTitle"
-            defaultMessage="Open an issue in GitHub"
+            defaultMessage="Google Group"
           />
         </EuiButtonEmpty>
       </Fragment>