From d1958d3775532af256b5b54e002d3c37be7d580c Mon Sep 17 00:00:00 2001
From: Raphael Wickihalder <raphael.wickihalder@odysee.com>
Date: Wed, 22 Jun 2022 18:25:24 +0200
Subject: [PATCH] Add help button to header in guets mode

---
 ui/component/headerMenuButtons/view.jsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/ui/component/headerMenuButtons/view.jsx b/ui/component/headerMenuButtons/view.jsx
index 11b718d11..2e4c84d75 100644
--- a/ui/component/headerMenuButtons/view.jsx
+++ b/ui/component/headerMenuButtons/view.jsx
@@ -57,11 +57,18 @@ export default function HeaderMenuButtons(props: HeaderMenuButtonProps) {
       </Menu>
 
       {!authenticated && (
-        <Tooltip title={__('Settings')}>
-          <Button className="header__navigationItem--icon" onClick={() => push(`/$/${PAGES.SETTINGS}`)}>
-            <Icon size={18} icon={ICONS.SETTINGS} aria-hidden />
-          </Button>
-        </Tooltip>
+        <>
+          <Tooltip title={__('Settings')}>
+            <Button className="header__navigationItem--icon" onClick={() => push(`/$/${PAGES.SETTINGS}`)}>
+              <Icon size={18} icon={ICONS.SETTINGS} aria-hidden />
+            </Button>
+          </Tooltip>
+          <Tooltip title={__('Help')}>
+            <Button className="header__navigationItem--icon" onClick={() => push(`/$/${PAGES.HELP}`)}>
+              <Icon size={18} icon={ICONS.HELP} aria-hidden />
+            </Button>
+          </Tooltip>
+        </>
       )}
 
       {notificationsEnabled && <NotificationHeaderButton />}