From 28a3db28b78f4669c9aaa47dcdbdb8981d448ebd Mon Sep 17 00:00:00 2001
From: zeppi <jessopb@gmail.com>
Date: Thu, 3 Jun 2021 11:55:16 -0400
Subject: [PATCH] use tag to disable interactions on livestreams

---
 ui/component/fileActions/index.js      |  3 +++
 ui/component/fileActions/view.jsx      |  4 +++-
 ui/component/livestreamLayout/index.js |  4 +++-
 ui/component/livestreamLayout/view.jsx | 11 ++++++++++-
 ui/component/page/view.jsx             |  4 +++-
 ui/page/livestream/index.js            |  4 +++-
 ui/page/livestream/view.jsx            | 11 +++++++++--
 7 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/ui/component/fileActions/index.js b/ui/component/fileActions/index.js
index c41e55c52..0e15bb7ea 100644
--- a/ui/component/fileActions/index.js
+++ b/ui/component/fileActions/index.js
@@ -6,7 +6,9 @@ import {
   doPrepareEdit,
   selectMyChannelClaims,
   makeSelectClaimIsStreamPlaceholder,
+  makeSelectTagInClaimOrChannelForUri,
 } from 'lbry-redux';
+import { DISABLE_COMMENTS_TAG } from 'constants/tags';
 import { makeSelectCostInfoForUri } from 'lbryinc';
 import { doSetPlayingUri } from 'redux/actions/content';
 import { doToast } from 'redux/actions/notifications';
@@ -23,6 +25,7 @@ const select = (state, props) => ({
   costInfo: makeSelectCostInfoForUri(props.uri)(state),
   myChannels: selectMyChannelClaims(state),
   isLivestreamClaim: makeSelectClaimIsStreamPlaceholder(props.uri)(state),
+  reactionsDisabled: makeSelectTagInClaimOrChannelForUri(props.uri, DISABLE_COMMENTS_TAG)(state),
 });
 
 const perform = (dispatch) => ({
diff --git a/ui/component/fileActions/view.jsx b/ui/component/fileActions/view.jsx
index c12a7206b..c99ed19cd 100644
--- a/ui/component/fileActions/view.jsx
+++ b/ui/component/fileActions/view.jsx
@@ -26,6 +26,7 @@ type Props = {
   doToast: ({ message: string }) => void,
   clearPlayingUri: () => void,
   isLivestreamClaim: boolean,
+  reactionsDisabled: boolean,
 };
 
 function FileActions(props: Props) {
@@ -42,6 +43,7 @@ function FileActions(props: Props) {
     clearPlayingUri,
     doToast,
     isLivestreamClaim,
+    reactionsDisabled,
   } = props;
   const {
     push,
@@ -82,7 +84,7 @@ function FileActions(props: Props) {
 
   const lhsSection = (
     <>
-      {ENABLE_FILE_REACTIONS && <FileReactions uri={uri} />}
+      {ENABLE_FILE_REACTIONS && !reactionsDisabled && <FileReactions uri={uri} />}
       <ClaimSupportButton uri={uri} fileAction />
       <Button
         button="alt"
diff --git a/ui/component/livestreamLayout/index.js b/ui/component/livestreamLayout/index.js
index f6fe364e8..30063aa84 100644
--- a/ui/component/livestreamLayout/index.js
+++ b/ui/component/livestreamLayout/index.js
@@ -1,10 +1,12 @@
 import { connect } from 'react-redux';
-import { makeSelectClaimForUri, makeSelectThumbnailForUri } from 'lbry-redux';
+import { makeSelectClaimForUri, makeSelectTagInClaimOrChannelForUri, makeSelectThumbnailForUri } from 'lbry-redux';
 import LivestreamLayout from './view';
+import { DISABLE_COMMENTS_TAG } from 'constants/tags';
 
 const select = (state, props) => ({
   claim: makeSelectClaimForUri(props.uri)(state),
   thumbnail: makeSelectThumbnailForUri(props.uri)(state),
+  chatDisabled: makeSelectTagInClaimOrChannelForUri(props.uri, DISABLE_COMMENTS_TAG)(state),
 });
 
 export default connect(select)(LivestreamLayout);
diff --git a/ui/component/livestreamLayout/view.jsx b/ui/component/livestreamLayout/view.jsx
index 9e474c1c4..47bdadfdb 100644
--- a/ui/component/livestreamLayout/view.jsx
+++ b/ui/component/livestreamLayout/view.jsx
@@ -10,10 +10,11 @@ type Props = {
   claim: ?StreamClaim,
   isLive: boolean,
   activeViewers: number,
+  chatDisabled: boolean,
 };
 
 export default function LivestreamLayout(props: Props) {
-  const { claim, uri, isLive, activeViewers } = props;
+  const { claim, uri, isLive, activeViewers, chatDisabled } = props;
   const isMobile = useIsMobile();
 
   if (!claim || !claim.signing_channel) {
@@ -36,6 +37,14 @@ export default function LivestreamLayout(props: Props) {
           </div>
         </div>
 
+        {Boolean(chatDisabled) && (
+          <div className="help--notice">
+            {__('%channel% has disabled chat for this stream. Enjoy!', {
+              channel: channelName || __('This channel'),
+            })}
+          </div>
+        )}
+
         {!isLive && (
           <div className="help--notice">
             {__("%channel% isn't live right now, but the chat is! Check back later to watch the stream.", {
diff --git a/ui/component/page/view.jsx b/ui/component/page/view.jsx
index 6b472a3ec..99ff67299 100644
--- a/ui/component/page/view.jsx
+++ b/ui/component/page/view.jsx
@@ -29,6 +29,7 @@ type Props = {
   videoTheaterMode: boolean,
   isMarkdown?: boolean,
   livestream?: boolean,
+  chatDisabled: boolean,
   rightSide?: Node,
   backout: {
     backLabel?: string,
@@ -53,6 +54,7 @@ function Page(props: Props) {
     isMarkdown = false,
     livestream,
     rightSide,
+    chatDisabled,
   } = props;
 
   const {
@@ -112,7 +114,7 @@ function Page(props: Props) {
             'main--file-page': filePage,
             'main--markdown': isMarkdown,
             'main--theater-mode': isOnFilePage && videoTheaterMode && !livestream,
-            'main--livestream': livestream,
+            'main--livestream': livestream && !chatDisabled,
           })}
         >
           {children}
diff --git a/ui/page/livestream/index.js b/ui/page/livestream/index.js
index 0b581df73..70e68f483 100644
--- a/ui/page/livestream/index.js
+++ b/ui/page/livestream/index.js
@@ -1,15 +1,17 @@
 import { connect } from 'react-redux';
-import { doResolveUri, makeSelectClaimForUri } from 'lbry-redux';
+import { doResolveUri, makeSelectTagInClaimOrChannelForUri, makeSelectClaimForUri } from 'lbry-redux';
 import { doSetPlayingUri } from 'redux/actions/content';
 import { doUserSetReferrer } from 'redux/actions/user';
 import { selectUserVerifiedEmail } from 'redux/selectors/user';
 import { selectHasUnclaimedRefereeReward } from 'redux/selectors/rewards';
+import { DISABLE_COMMENTS_TAG } from 'constants/tags';
 import LivestreamPage from './view';
 
 const select = (state, props) => ({
   hasUnclaimedRefereeReward: selectHasUnclaimedRefereeReward(state),
   isAuthenticated: selectUserVerifiedEmail(state),
   channelClaim: makeSelectClaimForUri(props.uri)(state),
+  chatDisabled: makeSelectTagInClaimOrChannelForUri(props.uri, DISABLE_COMMENTS_TAG)(state),
 });
 
 export default connect(select, {
diff --git a/ui/page/livestream/view.jsx b/ui/page/livestream/view.jsx
index 9e2462299..3e5857295 100644
--- a/ui/page/livestream/view.jsx
+++ b/ui/page/livestream/view.jsx
@@ -14,10 +14,11 @@ type Props = {
   isAuthenticated: boolean,
   doUserSetReferrer: (string) => void,
   channelClaim: ChannelClaim,
+  chatDisabled: boolean,
 };
 
 export default function LivestreamPage(props: Props) {
-  const { uri, claim, doSetPlayingUri, isAuthenticated, doUserSetReferrer, channelClaim } = props;
+  const { uri, claim, doSetPlayingUri, isAuthenticated, doUserSetReferrer, channelClaim, chatDisabled } = props;
   const [activeViewers, setActiveViewers] = React.useState(0);
   const [isLive, setIsLive] = React.useState(false);
   const livestreamChannelId = channelClaim && channelClaim.signing_channel && channelClaim.signing_channel.claim_id;
@@ -112,7 +113,13 @@ export default function LivestreamPage(props: Props) {
   }, [doSetPlayingUri]);
 
   return (
-    <Page className="file-page" noFooter livestream rightSide={<LivestreamComments uri={uri} />}>
+    <Page
+      className="file-page"
+      noFooter
+      livestream
+      chatDisabled={chatDisabled}
+      rightSide={!chatDisabled && <LivestreamComments uri={uri} />}
+    >
       <LivestreamLayout uri={uri} activeViewers={activeViewers} isLive={isLive} />
     </Page>
   );