cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-25 16:40:58 -05:00
Code Issues Projects Releases Packages Wiki Activity

Update ServerListSidebar.tsx

Browse source
This commit is contained in:
Ryan Alexander 2021-08-16 05:17:21 +10:00 committed by GitHub
parent c99c3ffc35
commit 8124119e73
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/navigation/left/ServerListSidebar.tsx
View file

@ -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)"} />
<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}