From fa9f27edcaaa044640eadbd6b8f249b631c0b866 Mon Sep 17 00:00:00 2001
From: nebunez <76886915+nebunez@users.noreply.github.com>
Date: Sat, 6 Feb 2021 17:52:54 -0500
Subject: [PATCH] tweaks to offline state in admin viewers page (#17)

If stream is offline, hide current viewers statistic and viewers table.
Also, change wording for describing max viewers.
---
 web/pages/viewer-info.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/web/pages/viewer-info.tsx b/web/pages/viewer-info.tsx
index 9dbdfd677..6790a956e 100644
--- a/web/pages/viewer-info.tsx
+++ b/web/pages/viewer-info.tsx
@@ -96,24 +96,26 @@ export default function ViewersOverTime() {
   return (
     <div>
       <Row gutter={[16, 16]} justify="space-around">
+        {online && (
+          <StatisticItem
+            title="Current viewers"
+            value={viewerCount.toString()}
+            prefix={<UserOutlined />}
+          />
+        )}
         <StatisticItem
-          title="Current viewers"
-          value={viewerCount.toString()}
-          prefix={<UserOutlined />}
-        />
-        <StatisticItem
-          title="Peak viewers this session"
+          title={online ? 'Max viewers this session' : 'Max viewers last session'}
           value={sessionPeakViewerCount.toString()}
           prefix={<UserOutlined />}
         />
         <StatisticItem
-          title="Peak viewers overall"
+          title="All-time max viewers"
           value={overallPeakViewerCount.toString()}
           prefix={<UserOutlined />}
         />
       </Row>
       <Chart title="Viewers" data={viewerInfo} color="#2087E2" unit="" />
-      <Table dataSource={clients} columns={columns} rowKey={row => row.clientID} />
+      {online && <Table dataSource={clients} columns={columns} rowKey={row => row.clientID} />}
     </div>
   );
 }