From e747ef7fdd10dac41f5034743d1532e1401c517a Mon Sep 17 00:00:00 2001
From: Nicolas Borde <nicolas.borde@cosmotech.com>
Date: Thu, 13 Jan 2022 19:22:27 +0100
Subject: [PATCH] feat: add Menu config, About button in help menu and some
 labels

---
 src/layouts/TabLayout/TabLayout.js | 10 +++++++++-
 src/services/config/Menu.js        |  7 +++++++
 2 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 src/services/config/Menu.js

diff --git a/src/layouts/TabLayout/TabLayout.js b/src/layouts/TabLayout/TabLayout.js
index c6d9c00c9..385d098eb 100644
--- a/src/layouts/TabLayout/TabLayout.js
+++ b/src/layouts/TabLayout/TabLayout.js
@@ -9,6 +9,7 @@ import { Auth } from '@cosmotech/core';
 import { PrivateRoute, UserInfo, HelpMenu } from '@cosmotech/ui';
 import { useTranslation } from 'react-i18next';
 import { LANGUAGES, SUPPORT_URL, DOCUMENTATION_URL } from '../../config/AppConfiguration';
+import { About } from '../../services/config/Menu';
 import theme from '../../theme/';
 import profilePlaceholder from '../../assets/profile_placeholder.png';
 
@@ -82,6 +83,8 @@ const TabLayout = (props) => {
   const helpLabels = {
     documentation: t('genericcomponent.helpmenu.documentation'),
     support: t('genericcomponent.helpmenu.support'),
+    aboutTitle: t('genericcomponent.helpmenu.about'),
+    close: t('genericcomponent.dialog.about.button.close'),
   };
 
   return (
@@ -103,7 +106,12 @@ const TabLayout = (props) => {
           </Tabs>
           <div className={classes.rightBar}>
             <div className={classes.rightBarElement}>
-              <HelpMenu documentationUrl={DOCUMENTATION_URL} supportUrl={SUPPORT_URL} labels={helpLabels} />
+              <HelpMenu
+                documentationUrl={DOCUMENTATION_URL}
+                supportUrl={SUPPORT_URL}
+                about={About ? <About /> : null}
+                labels={helpLabels}
+              />
             </div>
             <div className={classes.rightBarElement}>
               <UserInfo
diff --git a/src/services/config/Menu.js b/src/services/config/Menu.js
new file mode 100644
index 000000000..e59f1570e
--- /dev/null
+++ b/src/services/config/Menu.js
@@ -0,0 +1,7 @@
+// Copyright (c) Cosmo Tech.
+// Licensed under the MIT license.
+
+import { AboutContent } from '../../components/About';
+
+// If you do not want to display About entry in help menu, set About to null
+export const About = AboutContent;