From 2befb9e74e209a9564fabfa5dd753485560628a0 Mon Sep 17 00:00:00 2001
From: Ryan Alexander <38785445+ryanalexander@users.noreply.github.com>
Date: Mon, 16 Aug 2021 01:40:58 +1000
Subject: [PATCH 1/2] Add Tooltip to settings icon

---
 src/components/navigation/left/ServerListSidebar.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/navigation/left/ServerListSidebar.tsx b/src/components/navigation/left/ServerListSidebar.tsx
index fcd68861..df94718c 100644
--- a/src/components/navigation/left/ServerListSidebar.tsx
+++ b/src/components/navigation/left/ServerListSidebar.tsx
@@ -320,9 +320,13 @@ export const ServerListSidebar = observer(({ unreads, lastOpened }: Props) => {
             {!isTouchscreenDevice && (
                 <SettingsButton>
                     <Link to="/settings">
-                        <IconButton>
-                            <Cog size={32} strokeWidth="0.5" />
-                        </IconButton>
+                        <Tooltip
+                            content="Settings"
+                            placement="right">
+                            <IconButton>
+                                <Cog size={32} strokeWidth="0.5" />
+                            </IconButton>
+                        </Tooltip>
                     </Link>
                 </SettingsButton>
             )}

From 69b4cebc2d97198ae17c552a2b8fc941909af252 Mon Sep 17 00:00:00 2001
From: Ryan Alexander <38785445+ryanalexander@users.noreply.github.com>
Date: Mon, 16 Aug 2021 01:57:33 +1000
Subject: [PATCH 2/2] Used global language file for text

---
 src/components/navigation/left/ServerListSidebar.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/navigation/left/ServerListSidebar.tsx b/src/components/navigation/left/ServerListSidebar.tsx
index df94718c..4483100a 100644
--- a/src/components/navigation/left/ServerListSidebar.tsx
+++ b/src/components/navigation/left/ServerListSidebar.tsx
@@ -5,6 +5,8 @@ import { Link, useHistory, useLocation, useParams } from "react-router-dom";
 import { RelationshipStatus } from "revolt-api/types/Users";
 import styled, { css } from "styled-components";
 
+import { Text } from "preact-i18n";
+
 import { attachContextMenu } from "preact-context-menu";
 
 import ConditionalLink from "../../../lib/ConditionalLink";
@@ -321,7 +323,7 @@ export const ServerListSidebar = observer(({ unreads, lastOpened }: Props) => {
                 <SettingsButton>
                     <Link to="/settings">
                         <Tooltip
-                            content="Settings"
+                            content={<Text id="app.settings.title" />}
                             placement="right">
                             <IconButton>
                                 <Cog size={32} strokeWidth="0.5" />