From e24f4a2d337ee0d3da58a7eab35be78bc54f267b Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Fri, 13 Sep 2019 09:09:01 -0700
Subject: Adding an online user count to main page.

- Fixes #274
---
 ui/src/components/main.tsx | 5 +++++
 1 file changed, 5 insertions(+)

(limited to 'ui/src/components')

diff --git a/ui/src/components/main.tsx b/ui/src/components/main.tsx
index 9ee4afdd..b6c901be 100644
--- a/ui/src/components/main.tsx
+++ b/ui/src/components/main.tsx
@@ -43,6 +43,7 @@ export class Main extends Component<any, MainState> {
       },
       admins: [],
       banned: [],
+      online: null,
     },
     showEditSite: false,
     loading: true,
@@ -215,6 +216,9 @@ export class Main extends Component<any, MainState> {
               </ul>
             }
             <ul class="my-2 list-inline">
+              <li className="list-inline-item badge badge-secondary">
+                <T i18nKey="number_online" interpolation={{count: this.state.site.online}}>#</T>
+              </li>
               <li className="list-inline-item badge badge-secondary">
                 <T i18nKey="number_of_users" interpolation={{count: this.state.site.site.number_of_users}}>#</T>
               </li>
@@ -420,6 +424,7 @@ export class Main extends Component<any, MainState> {
       this.state.site.admins = res.admins;
       this.state.site.site = res.site;
       this.state.site.banned = res.banned;
+      this.state.site.online = res.online;
       this.setState(this.state);
       document.title = `${WebSocketService.Instance.site.name}`;
 
-- 
cgit v1.2.3