From 9f235bcaa510ab3b8ebaaf0d4c15b58daba2f16d Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Mon, 4 Apr 2022 14:06:49 -0700
Subject: [PATCH] Remove viewers label from Y axis. Closes
 https://github.com/owncast/owncast/issues/1816

---
 web/pages/viewer-info.tsx | 43 ++++++++++++++++++++-------------------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/web/pages/viewer-info.tsx b/web/pages/viewer-info.tsx
index a334dd5a3..952cff12e 100644
--- a/web/pages/viewer-info.tsx
+++ b/web/pages/viewer-info.tsx
@@ -106,7 +106,7 @@ export default function ViewersOverTime() {
         )}
         <Col md={online ? 8 : 12}>
           <StatisticItem
-            title={online ? 'Max viewers this session' : 'Max viewers last session'}
+            title={online ? 'Max viewers this stream' : 'Max viewers last stream'}
             value={sessionPeakViewerCount.toString()}
             prefix={<UserOutlined />}
           />
@@ -119,29 +119,30 @@ export default function ViewersOverTime() {
           />
         </Col>
       </Row>
-      <Dropdown overlay={menu} trigger={['click']}>
-        <button
-          type="button"
-          style={{ float: 'right', background: 'transparent', border: 'unset' }}
-        >
-          {timeWindowStart.title} <DownOutlined />
-        </button>
-      </Dropdown>
-      {viewerInfo.length > 0 && (
-        <Chart title="Viewers" data={viewerInfo} color="#2087E2" unit="viewers" />
+      {!viewerInfo.length && (
+        <Alert
+          style={{ marginTop: '10px' }}
+          banner
+          message="Please wait"
+          description="No viewer data has been collected yet."
+          type="info"
+        />
       )}
 
-      <ViewerTable data={viewerDetails} />
-
-      <Spin spinning={loadingChart}>
-        {viewerInfo.length === 0 && (
-          <Alert
-            banner
-            message="Please wait"
-            description="No viewer data has been collected yet."
-            type="info"
-          />
+      <Spin spinning={!viewerInfo.length || loadingChart}>
+        <Dropdown overlay={menu} trigger={['click']}>
+          <button
+            type="button"
+            style={{ float: 'right', background: 'transparent', border: 'unset' }}
+          >
+            {timeWindowStart.title} <DownOutlined />
+          </button>
+        </Dropdown>
+        {viewerInfo.length > 0 && (
+          <Chart title="Viewers" data={viewerInfo} color="#2087E2" unit="" />
         )}
+
+        <ViewerTable data={viewerDetails} />
       </Spin>
     </>
   );