Merge pull request #2744 from zxawry/minor-fixes

do not show block button on own channels

src/ui/component/blockButton/index.js

@@ -1,9 +1,16 @@
 import { connect } from 'react-redux';
-import { selectChannelIsBlocked, doToggleBlockChannel, doToast, makeSelectShortUrlForUri } from 'lbry-redux';
+import {
+  selectChannelIsBlocked,
+  doToggleBlockChannel,
+  doToast,
+  makeSelectClaimIsMine,
+  makeSelectShortUrlForUri,
+} from 'lbry-redux';
 import BlockButton from './view';
 
 const select = (state, props) => ({
   channelIsBlocked: selectChannelIsBlocked(props.uri)(state),
+  claimIsMine: makeSelectClaimIsMine(props.uri)(state),
   shortUrl: makeSelectShortUrlForUri(props.uri)(state),
 });
 

src/ui/component/blockButton/view.jsx

@@ -11,11 +11,12 @@ type Props = {
   isSubscribed: boolean,
   toggleBlockChannel: (uri: string) => void,
   channelIsBlocked: boolean,
+  claimIsMine: boolean,
   doToast: ({ message: string, linkText: string, linkTarget: string }) => void,
 };
 
 export default function BlockButton(props: Props) {
-  const { uri, shortUrl, toggleBlockChannel, channelIsBlocked, doToast } = props;
+  const { uri, shortUrl, toggleBlockChannel, channelIsBlocked, claimIsMine, doToast } = props;
 
   const blockRef = useRef();
   const isHovering = useHover(blockRef);
@@ -23,6 +24,7 @@ export default function BlockButton(props: Props) {
   const blockedOverride = channelIsBlocked && isHovering && __('Unblock');
 
   return (
+    !claimIsMine && (
       <Button
         ref={blockRef}
         iconColor="red"
@@ -37,5 +39,6 @@ export default function BlockButton(props: Props) {
           toggleBlockChannel(uri);
         }}
       />
+    )
   );
 }