use tag to disable interactions on livestreams

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) => ({

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"

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);

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.", {

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}

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, {

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>
   );