diff --git a/ui/component/commentMenuList/view.jsx b/ui/component/commentMenuList/view.jsx index 7d7150c6c..ce279085c 100644 --- a/ui/component/commentMenuList/view.jsx +++ b/ui/component/commentMenuList/view.jsx @@ -23,6 +23,8 @@ type Props = { isTopLevel: boolean, commentModBlock: (string) => void, playingUri: ?PlayingUri, + disableEdit?: boolean, + disableRemove?: boolean, }; function CommentMenuList(props: Props) { @@ -43,6 +45,8 @@ function CommentMenuList(props: Props) { fetchComments, commentModBlock, playingUri, + disableEdit, + disableRemove, } = props; const activeChannelIsCreator = activeChannelClaim && activeChannelClaim.permanent_url === contentChannelPermanentUrl; @@ -81,7 +85,8 @@ function CommentMenuList(props: Props) { )} - {activeChannelClaim && + {!disableRemove && + activeChannelClaim && (activeChannelClaim.permanent_url === authorUri || activeChannelClaim.permanent_url === contentChannelPermanentUrl) && ( @@ -92,7 +97,7 @@ function CommentMenuList(props: Props) { )} - {commentIsMine && activeChannelClaim && activeChannelClaim.permanent_url === authorUri && ( + {commentIsMine && activeChannelClaim && activeChannelClaim.permanent_url === authorUri && !disableEdit && ( {__('Edit')} diff --git a/ui/component/livestreamComment/view.jsx b/ui/component/livestreamComment/view.jsx index 26380dde7..975a623ad 100644 --- a/ui/component/livestreamComment/view.jsx +++ b/ui/component/livestreamComment/view.jsx @@ -68,7 +68,14 @@ function Comment(props: Props) { icon={ICONS.MORE_VERTICAL} /> - + 0} + /> diff --git a/ui/component/livestreamComments/index.js b/ui/component/livestreamComments/index.js index c71f6e35d..071e9aa87 100644 --- a/ui/component/livestreamComments/index.js +++ b/ui/component/livestreamComments/index.js @@ -1,5 +1,5 @@ import { connect } from 'react-redux'; -import { makeSelectClaimForUri } from 'lbry-redux'; +import { makeSelectClaimForUri, selectMyChannelClaims } from 'lbry-redux'; import { doCommentSocketConnect, doCommentSocketDisconnect } from 'redux/actions/websocket'; import { doCommentList, doSuperChatList } from 'redux/actions/comments'; import { @@ -16,6 +16,7 @@ const select = (state, props) => ({ fetchingComments: selectIsFetchingComments(state), superChats: makeSelectSuperChatsForUri(props.uri)(state), superChatsTotalAmount: makeSelectSuperChatTotalAmountForUri(props.uri)(state), + myChannels: selectMyChannelClaims(state), }); export default connect(select, { diff --git a/ui/component/livestreamComments/view.jsx b/ui/component/livestreamComments/view.jsx index c442a87c1..27b99a5b9 100644 --- a/ui/component/livestreamComments/view.jsx +++ b/ui/component/livestreamComments/view.jsx @@ -23,6 +23,7 @@ type Props = { doSuperChatList: (string) => void, superChats: Array, superChatsTotalAmount: number, + myChannels: ?Array, }; const VIEW_MODE_CHAT = 'view_chat'; @@ -41,6 +42,7 @@ export default function LivestreamComments(props: Props) { doSuperChatList, superChats, superChatsTotalAmount, + myChannels, } = props; const commentsRef = React.createRef(); const hasScrolledComments = React.useRef(); @@ -50,6 +52,18 @@ export default function LivestreamComments(props: Props) { const commentsLength = comments && comments.length; const commentsToDisplay = viewMode === VIEW_MODE_CHAT ? comments : superChats; + // todo: implement comment_list --mine in SDK so redux can grab with selectCommentIsMine + function isMyComment(channelId: string) { + if (myChannels != null && channelId != null) { + for (let i = 0; i < myChannels.length; i++) { + if (myChannels[i].claim_id === channelId) { + return true; + } + } + } + return false; + } + React.useEffect(() => { if (claimId) { doCommentList(uri); @@ -177,6 +191,7 @@ export default function LivestreamComments(props: Props) { commentId={comment.comment_id} message={comment.comment} supportAmount={comment.support_amount} + commentIsMine={comment.channel_id && isMyComment(comment.channel_id)} /> ))}