6d217dbc50
* Exclude default homepage data at compile time The youtuber IDs alone is pretty huge, and is unused in the `CUSTOM_HOMEPAGE=true` configuration. * Remove Desktop items and other cleanup - Moved constants out of the component. - Remove SIMPLE_SITE check. - Remove Desktop-only items * Sidebar: limit subscription and tag section ## Issue Too slow for huge lists ## Change Limit to 10 initially, and load everything on "Show more" * Fix makeSelectThumbnailForUri - Fix memo - Expose function to extract directly from claim if client already have it.
50 lines
2.2 KiB
JavaScript
50 lines
2.2 KiB
JavaScript
import { connect } from 'react-redux';
|
|
import {
|
|
selectStakedLevelForChannelUri,
|
|
makeSelectClaimForUri,
|
|
selectThumbnailForUri,
|
|
selectHasChannels,
|
|
} from 'redux/selectors/claims';
|
|
import { doCommentUpdate, doCommentList } from 'redux/actions/comments';
|
|
import { makeSelectChannelIsMuted } from 'redux/selectors/blocked';
|
|
import { doToast } from 'redux/actions/notifications';
|
|
import { doSetPlayingUri } from 'redux/actions/content';
|
|
import { selectUserVerifiedEmail } from 'redux/selectors/user';
|
|
import {
|
|
selectLinkedCommentAncestors,
|
|
selectOthersReactsForComment,
|
|
makeSelectTotalReplyPagesForParentId,
|
|
} from 'redux/selectors/comments';
|
|
import { selectActiveChannelClaim } from 'redux/selectors/app';
|
|
import { selectPlayingUri } from 'redux/selectors/content';
|
|
import Comment from './view';
|
|
|
|
const select = (state, props) => {
|
|
const activeChannelClaim = selectActiveChannelClaim(state);
|
|
const activeChannelId = activeChannelClaim && activeChannelClaim.claim_id;
|
|
const reactionKey = activeChannelId ? `${props.commentId}:${activeChannelId}` : props.commentId;
|
|
|
|
return {
|
|
claim: makeSelectClaimForUri(props.uri)(state),
|
|
thumbnail: props.authorUri && selectThumbnailForUri(state, props.authorUri),
|
|
channelIsBlocked: props.authorUri && makeSelectChannelIsMuted(props.authorUri)(state),
|
|
commentingEnabled: IS_WEB ? Boolean(selectUserVerifiedEmail(state)) : true,
|
|
othersReacts: selectOthersReactsForComment(state, reactionKey),
|
|
activeChannelClaim,
|
|
hasChannels: selectHasChannels(state),
|
|
playingUri: selectPlayingUri(state),
|
|
stakedLevel: selectStakedLevelForChannelUri(state, props.authorUri),
|
|
linkedCommentAncestors: selectLinkedCommentAncestors(state),
|
|
totalReplyPages: makeSelectTotalReplyPagesForParentId(props.commentId)(state),
|
|
};
|
|
};
|
|
|
|
const perform = (dispatch) => ({
|
|
clearPlayingUri: () => dispatch(doSetPlayingUri({ uri: null })),
|
|
updateComment: (commentId, comment) => dispatch(doCommentUpdate(commentId, comment)),
|
|
fetchReplies: (uri, parentId, page, pageSize, sortBy) =>
|
|
dispatch(doCommentList(uri, parentId, page, pageSize, sortBy)),
|
|
doToast: (options) => dispatch(doToast(options)),
|
|
});
|
|
|
|
export default connect(select, perform)(Comment);
|