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

Centered mention count + Fixed file formatting for last commit

Browse source
This commit is contained in:
Ryan Alexander 2021-08-17 17:19:29 +10:00 committed by GitHub
parent 745b03452b
commit 66e946f0fc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -5,9 +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 { Text } from "preact-i18n";
import ConditionalLink from "../../../lib/ConditionalLink";
import PaintCounter from "../../../lib/PaintCounter";
@ -58,7 +57,17 @@ function Icon({
{unread === "mention" && (
<>
<circle cx="27" cy="5" r="5" fill={"var(--error)"} />
<text x="27" y="5" r="5" fill={"white"} fontSize={"7.5"} alignmentBaseline={"middle"}>{count < 9 ? count : "9+"}</text>
<text
x="27"
y="5"
r="5"
fill={"white"}
style={"text-align:center;"}
text-anchor="middle"
fontSize={"7.5"}
alignmentBaseline={"middle"}>
{count < 10 ? count : "9+"}
</text>
</>
)}
</svg>
@ -268,7 +277,10 @@ export const ServerListSidebar = observer(({ unreads, lastOpened }: Props) => {
homeActive && history.push("/settings")
}>
<UserHover user={client.user}>
<Icon size={42} unread={homeUnread} count={alertCount}>
<Icon
size={42}
unread={homeUnread}
count={alertCount}>
<UserIcon
target={client.user}
size={32}
@ -302,7 +314,10 @@ export const ServerListSidebar = observer(({ unreads, lastOpened }: Props) => {
<Tooltip
content={entry.server.name}
placement="right">
<Icon size={42} unread={entry.unread} count={entry.alertCount}>
<Icon
size={42}
unread={entry.unread}
count={entry.alertCount}>
<ServerIcon
size={32}
target={entry.server}