From 8fd9ea219390493f392e690eadb23c4209a4ecfc Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Tue, 1 Nov 2022 11:03:41 +1100
Subject: [PATCH] Adds missing tooltips to site header

---
 frontend/src/features/system/SiteHeader.tsx | 32 ++++++++++++---------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/frontend/src/features/system/SiteHeader.tsx b/frontend/src/features/system/SiteHeader.tsx
index 4079f6f414..da263010ec 100644
--- a/frontend/src/features/system/SiteHeader.tsx
+++ b/frontend/src/features/system/SiteHeader.tsx
@@ -44,13 +44,15 @@ const SiteHeader = () => {
         <StatusIndicator />
 
         <HotkeysModal>
-          <IconButton
-            aria-label="Hotkeys"
-            variant="link"
-            fontSize={24}
-            size={'sm'}
-            icon={<MdKeyboard />}
-          />
+          <Tooltip hasArrow label="Hotkeys" placement={'bottom'}>
+            <IconButton
+              aria-label="Hotkeys"
+              variant="link"
+              fontSize={24}
+              size={'sm'}
+              icon={<MdKeyboard />}
+            />
+          </Tooltip>
         </HotkeysModal>
 
         <Tooltip hasArrow label="Theme" placement={'bottom'}>
@@ -110,13 +112,15 @@ const SiteHeader = () => {
         </Tooltip>
 
         <SettingsModal>
-          <IconButton
-            aria-label="Settings"
-            variant="link"
-            fontSize={24}
-            size={'sm'}
-            icon={<MdSettings />}
-          />
+          <Tooltip label="Settings">
+            <IconButton
+              aria-label="Settings"
+              variant="link"
+              fontSize={24}
+              size={'sm'}
+              icon={<MdSettings />}
+            />
+          </Tooltip>
         </SettingsModal>
       </div>
     </div>