From 38dd135f67d692c6e175959f8b00dd2ab5e281ea Mon Sep 17 00:00:00 2001
From: Paul <paulmakles@gmail.com>
Date: Mon, 2 Aug 2021 21:36:49 +0100
Subject: [PATCH] Open settings when clicking top left on desktop.

---
 .../navigation/left/ServerListSidebar.tsx         | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/navigation/left/ServerListSidebar.tsx b/src/components/navigation/left/ServerListSidebar.tsx
index 5cb239cc..0dc69ae6 100644
--- a/src/components/navigation/left/ServerListSidebar.tsx
+++ b/src/components/navigation/left/ServerListSidebar.tsx
@@ -1,7 +1,7 @@
 import { Plus } from "@styled-icons/boxicons-regular";
 import { Compass } from "@styled-icons/boxicons-solid";
 import { observer } from "mobx-react-lite";
-import { useLocation, useParams } from "react-router-dom";
+import { useHistory, useLocation, useParams } from "react-router-dom";
 import { RelationshipStatus } from "revolt-api/types/Users";
 import styled, { css } from "styled-components";
 
@@ -98,7 +98,7 @@ const ServerEntry = styled.div<{ active: boolean; home?: boolean }>`
 
     :focus {
         outline: 3px solid blue;
-      }
+    }
 
     > div {
         height: 42px;
@@ -150,8 +150,11 @@ const ServerEntry = styled.div<{ active: boolean; home?: boolean }>`
 function Swoosh() {
     return (
         <span>
-            
-            <svg width="54" height="106" viewBox="0 0 54 106" xmlns="http://www.w3.org/2000/svg">
+            <svg
+                width="54"
+                height="106"
+                viewBox="0 0 54 106"
+                xmlns="http://www.w3.org/2000/svg">
                 <path
                     d="M54 53C54 67.9117 41.9117 80 27 80C12.0883 80 0 67.9117 0 53C0 38.0883 12.0883 26 27 26C41.9117 26 54 38.0883 54 53Z"
                     fill="var(--sidebar-active)"
@@ -165,7 +168,6 @@ function Swoosh() {
                     fill="var(--sidebar-active)"
                 />
             </svg>
-
         </span>
     );
 }
@@ -211,6 +213,7 @@ export const ServerListSidebar = observer(({ unreads, lastOpened }: Props) => {
         };
     });
 
+    const history = useHistory();
     const path = useLocation().pathname;
     const { openScreen } = useIntermediate();
 
@@ -251,7 +254,7 @@ export const ServerListSidebar = observer(({ unreads, lastOpened }: Props) => {
                         <div
                             onContextMenu={attachContextMenu("Status")}
                             onClick={() =>
-                                homeActive && openContextMenu("Status")
+                                homeActive && history.push("/settings")
                             }>
                             <UserHover user={client.user}>
                                 <Icon size={42} unread={homeUnread}>