From 8124119e739e7b9d8e537d86d7df44b276dd9dc2 Mon Sep 17 00:00:00 2001
From: Ryan Alexander <38785445+ryanalexander@users.noreply.github.com>
Date: Mon, 16 Aug 2021 05:17:21 +1000
Subject: [PATCH 1/2] Update ServerListSidebar.tsx

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

diff --git a/src/components/navigation/left/ServerListSidebar.tsx b/src/components/navigation/left/ServerListSidebar.tsx
index 4483100a..41afbb77 100644
--- a/src/components/navigation/left/ServerListSidebar.tsx
+++ b/src/components/navigation/left/ServerListSidebar.tsx
@@ -33,10 +33,12 @@ import { Children } from "../../../types/Preact";
 function Icon({
     children,
     unread,
+    count,
     size,
 }: {
     children: Children;
     unread?: "mention" | "unread";
+    count: number | 0;
     size: number;
 }) {
     return (
@@ -54,7 +56,10 @@ function Icon({
                 <circle cx="27" cy="5" r="5" fill={"white"} />
             )}
             {unread === "mention" && (
-                <circle cx="27" cy="5" r="5" fill={"var(--error)"} />
+                <>
+                    <circle cx="27" cy="5" r="5" fill={"var(--error)"} />
+                    <text x="27" y="5" r="5" fill={"white"} text-anchor="middle" fontSize={"7.5"} alignmentBaseline={"middle"}>{count<10?count:"9+"}</text>
+                </>
             )}
         </svg>
     );
@@ -263,7 +268,7 @@ export const ServerListSidebar = observer(({ unreads, lastOpened }: Props) => {
                                 homeActive && history.push("/settings")
                             }>
                             <UserHover user={client.user}>
-                                <Icon size={42} unread={homeUnread}>
+                                <Icon size={42} unread={homeUnread} count={0}>
                                     <UserIcon
                                         target={client.user}
                                         size={32}
@@ -297,7 +302,7 @@ export const ServerListSidebar = observer(({ unreads, lastOpened }: Props) => {
                                 <Tooltip
                                     content={entry.server.name}
                                     placement="right">
-                                    <Icon size={42} unread={entry.unread}>
+                                    <Icon size={42} unread={entry.unread} count={entry.alertCount}>
                                         <ServerIcon
                                             size={32}
                                             target={entry.server}

From 44521716c6ee84733c521e00bfffe6cbf2dbdf9e Mon Sep 17 00:00:00 2001
From: Ryan Alexander <38785445+ryanalexander@users.noreply.github.com>
Date: Mon, 16 Aug 2021 05:24:37 +1000
Subject: [PATCH 2/2] Update ServerListSidebar.tsx

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

diff --git a/src/components/navigation/left/ServerListSidebar.tsx b/src/components/navigation/left/ServerListSidebar.tsx
index 41afbb77..13933e7f 100644
--- a/src/components/navigation/left/ServerListSidebar.tsx
+++ b/src/components/navigation/left/ServerListSidebar.tsx
@@ -58,7 +58,7 @@ function Icon({
             {unread === "mention" && (
                 <>
                     <circle cx="27" cy="5" r="5" fill={"var(--error)"} />
-                    <text x="27" y="5" r="5" fill={"white"} text-anchor="middle" fontSize={"7.5"} alignmentBaseline={"middle"}>{count<10?count:"9+"}</text>
+                    <text x="27" y="5" r="5" fill={"white"} fontSize={"7.5"} alignmentBaseline={"middle"}>{count < 9 ? count : "9+"}</text>
                 </>
             )}
         </svg>
@@ -268,7 +268,7 @@ export const ServerListSidebar = observer(({ unreads, lastOpened }: Props) => {
                                 homeActive && history.push("/settings")
                             }>
                             <UserHover user={client.user}>
-                                <Icon size={42} unread={homeUnread} count={0}>
+                                <Icon size={42} unread={homeUnread} count={alertCount}>
                                     <UserIcon
                                         target={client.user}
                                         size={32}