add commas in member count (#286)

l
This commit is contained in:
Commandtechno 2022-12-03 16:11:08 -06:00 committed by GitHub
parent 4d8145f12c
commit c74241fde6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -35,11 +35,13 @@ function MemberCount() {
if (!c) return null;
let total = String(c[0]);
let total = c[0].toLocaleString();
if (total === "0" && c[1] > 0) {
total = "Loading...";
}
const online = c[1].toLocaleString();
return (
<Flex id="vc-membercount" style={{
marginTop: "1em",
@ -49,7 +51,7 @@ function MemberCount() {
alignContent: "center",
gap: 0
}}>
<Tooltip text={`${c[1]} Online`} position="bottom">
<Tooltip text={`${online} Online`} position="bottom">
{props => (
<div {...props}>
<span
@ -62,11 +64,11 @@ function MemberCount() {
marginRight: "0.5em"
}}
/>
<span style={{ color: "var(--status-green-600)" }}>{c[1]}</span>
<span style={{ color: "var(--status-green-600)" }}>{online}</span>
</div>
)}
</Tooltip>
<Tooltip text={`${c[0] || "?"} Total Members`} position="bottom">
<Tooltip text={`${total} Total Members`} position="bottom">
{props => (
<div {...props}>
<span