Fix inconsistent help menu

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')}
         />
       ),
 

src/core/public/chrome/constants.ts

@@ -27,7 +27,12 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import wazuh from '../../../../package.json';
+
+export const WAZUH_MAJOR = wazuh.wazuh.version.split('.')[0];
+export const WAZUH_MINOR = wazuh.wazuh.version.split('.')[1];
 
 export const OPENSEARCH_DASHBOARDS_FEEDBACK_LINK = 'https://wazuh.com/community/join-us-on-slack';
 export const OPENSEARCH_DASHBOARDS_ASK_OPENSEARCH_LINK = OPENSEARCH_DASHBOARDS_FEEDBACK_LINK;
 export const GITHUB_CREATE_ISSUE_LINK = 'https://github.com/wazuh/wazuh/issues/new/choose';
+export const WAZUH_DOCUMENTATION_URL = `https://documentation.wazuh.com/${WAZUH_MAJOR}.${WAZUH_MINOR}/`;

src/core/public/chrome/ui/header/header.test.tsx

@@ -72,6 +72,7 @@ function mockProps() {
     branding: {},
     survey: '/',
     logos: chromeServiceMock.createStartContract().logos,
+    darkmode: false,
   };
 }
 

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>

src/core/public/chrome/ui/header/header_help_menu.test.tsx

@@ -15,6 +15,7 @@ function mockProps() {
     opensearchDashboardsDocLink: '/doclink',
     opensearchDashboardsVersion: '1.0',
     useDefaultContent: true,
+    darkmode: false,
   };
 }
 

src/core/public/chrome/ui/header/header_help_menu.tsx

@@ -50,7 +50,7 @@ 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';
+import { WAZUH_DOCUMENTATION_URL } from '../../constants';
 
 /** @public */
 export type ChromeHelpExtensionMenuGitHubLink = EuiButtonEmptyProps & {
@@ -123,6 +123,7 @@ interface Props {
   useDefaultContent?: boolean;
   opensearchDashboardsDocLink: string;
   surveyLink?: string;
+  darkmode: boolean;
 }
 
 interface State {
@@ -198,37 +199,55 @@ class HeaderHelpMenuUI extends Component<Props, State> {
       intl,
       opensearchDashboardsVersion,
       useDefaultContent,
-      opensearchDashboardsDocLink,
       surveyLink,
+      darkmode,
     } = this.props;
-    const { helpExtension, helpSupportUrl } = this.state;
+    const { helpExtension } = this.state;
 
     const defaultContent = useDefaultContent ? (
       <Fragment>
-        <EuiButtonEmpty href={opensearchDashboardsDocLink} target="_blank" size="xs" flush="left">
+        <EuiButtonEmpty
+          href={WAZUH_DOCUMENTATION_URL}
+          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>
 
         <EuiSpacer size="xs" />
 
         {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>

src/core/tsconfig.json

@@ -5,7 +5,8 @@
     "outDir": "./target/types",
     "emitDeclarationOnly": true,
     "declaration": true,
-    "declarationMap": true
+    "declarationMap": true,
+    "rootDir": "../../"
   },
   "include": [
     "public/**/*",
@@ -15,9 +16,8 @@
     "test_helpers/**/*",
     "utils/**/*",
     "index.ts",
-    "typings.ts"
+    "typings.ts",
+    "../../package.json"
   ],
-  "references": [
-    { "path": "../test_utils/" }
-  ]
+  "references": [{ "path": "../test_utils/" }]
 }