From c74241fde6707704f66f10d752044540783d4736 Mon Sep 17 00:00:00 2001
From: Commandtechno <68407783+Commandtechno@users.noreply.github.com>
Date: Sat, 3 Dec 2022 16:11:08 -0600
Subject: add commas in member count (#286)

l
---
 src/plugins/memberCount.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'src/plugins/memberCount.tsx')

diff --git a/src/plugins/memberCount.tsx b/src/plugins/memberCount.tsx
index c016dff..6377a9b 100644
--- a/src/plugins/memberCount.tsx
+++ b/src/plugins/memberCount.tsx
@@ -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
-- 
cgit