From e1531b03bf18a17ac534188507f40b8ea08c174b Mon Sep 17 00:00:00 2001
From: r0ckinn <lbry@r0ckinn.anonaddy.me>
Date: Fri, 26 Mar 2021 19:21:37 -0300
Subject: [PATCH] minor improvement: if not live yet, say users are waiting
 instead of watching

---
 ui/component/fileSubtitle/view.jsx     | 5 +++--
 ui/component/fileTitleSection/view.jsx | 5 +++--
 ui/component/livestreamLayout/view.jsx | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/ui/component/fileSubtitle/view.jsx b/ui/component/fileSubtitle/view.jsx
index ee2403ddb..91e1ae802 100644
--- a/ui/component/fileSubtitle/view.jsx
+++ b/ui/component/fileSubtitle/view.jsx
@@ -8,17 +8,18 @@ type Props = {
   uri: string,
   livestream?: boolean,
   activeViewers?: number,
+  stateOfViewers: string,
 };
 
 function FileSubtitle(props: Props) {
-  const { uri, livestream = false, activeViewers = 0 } = props;
+  const { uri, livestream = false, activeViewers = 0, stateOfViewers } = props;
 
   return (
     <div className="media__subtitle--between">
       <div className="file__viewdate">
         {livestream ? <span>{__('Right now')}</span> : <DateTime uri={uri} show={DateTime.SHOW_DATE} />}
         {livestream ? (
-          <span>{__('%viewer_count% currently watching', { viewer_count: activeViewers })}</span>
+          <span>{__('%viewer_count% currently %viewer_state%', { viewer_count: activeViewers, viewer_state: stateOfViewers })}</span>
         ) : (
           <FileViewCount uri={uri} />
         )}
diff --git a/ui/component/fileTitleSection/view.jsx b/ui/component/fileTitleSection/view.jsx
index 57d679fe4..218f131d0 100644
--- a/ui/component/fileTitleSection/view.jsx
+++ b/ui/component/fileTitleSection/view.jsx
@@ -20,10 +20,11 @@ type Props = {
   isNsfwBlocked: boolean,
   livestream?: boolean,
   activeViewers?: number,
+  stateOfViewers: string,
 };
 
 function FileTitleSection(props: Props) {
-  const { title, uri, nsfw, isNsfwBlocked, livestream = false, activeViewers } = props;
+  const { title, uri, nsfw, isNsfwBlocked, livestream = false, activeViewers, stateOfViewers } = props;
 
   return (
     <Card
@@ -43,7 +44,7 @@ function FileTitleSection(props: Props) {
       body={
         <React.Fragment>
           <ClaimInsufficientCredits uri={uri} />
-          <FileSubtitle uri={uri} livestream={livestream} activeViewers={activeViewers} />
+          <FileSubtitle uri={uri} livestream={livestream} activeViewers={activeViewers} stateOfViewers={stateOfViewers} />
         </React.Fragment>
       }
       actions={
diff --git a/ui/component/livestreamLayout/view.jsx b/ui/component/livestreamLayout/view.jsx
index 85c35cd0c..10c0e76fd 100644
--- a/ui/component/livestreamLayout/view.jsx
+++ b/ui/component/livestreamLayout/view.jsx
@@ -41,7 +41,7 @@ export default function LivestreamLayout(props: Props) {
             })}
           </div>
         )}
-        <FileTitleSection uri={uri} livestream isLive={isLive} activeViewers={activeViewers} />
+        <FileTitleSection uri={uri} livestream isLive={isLive} activeViewers={activeViewers} stateOfViewers={isLive ? "watching" : "waiting"} />
       </div>
       <LivestreamComments uri={uri} />
     </>