import { connect } from 'react-redux'; import { selectClaimForUri, selectClaimIsMine, selectFetchingMyChannels } from 'redux/selectors/claims'; import { selectTopLevelCommentsForUri, makeSelectTopLevelTotalPagesForUri, selectIsFetchingComments, selectIsFetchingCommentsById, selectIsFetchingReacts, makeSelectTotalCommentsCountForUri, selectOthersReacts, selectMyReacts, selectCommentIdsForUri, selectSettingsByChannelId, selectPinnedCommentsForUri, } from 'redux/selectors/comments'; import { doCommentReset, doCommentList, doCommentById, doCommentReactList } from 'redux/actions/comments'; import { selectActiveChannelClaim } from 'redux/selectors/app'; import { getChannelIdFromClaim } from 'util/claim'; import CommentsList from './view'; const select = (state, props) => { const { uri } = props; const claim = selectClaimForUri(state, uri); const activeChannelClaim = selectActiveChannelClaim(state); return { topLevelComments: selectTopLevelCommentsForUri(state, uri), allCommentIds: selectCommentIdsForUri(state, uri), pinnedComments: selectPinnedCommentsForUri(state, uri), topLevelTotalPages: makeSelectTopLevelTotalPagesForUri(uri)(state), totalComments: makeSelectTotalCommentsCountForUri(uri)(state), claimId: claim && claim.claim_id, channelId: getChannelIdFromClaim(claim), claimIsMine: selectClaimIsMine(state, claim), isFetchingComments: selectIsFetchingComments(state), isFetchingCommentsById: selectIsFetchingCommentsById(state), isFetchingReacts: selectIsFetchingReacts(state), fetchingChannels: selectFetchingMyChannels(state), settingsByChannelId: selectSettingsByChannelId(state), myReactsByCommentId: selectMyReacts(state), othersReactsById: selectOthersReacts(state), activeChannelId: activeChannelClaim && activeChannelClaim.claim_id, }; }; const perform = { fetchTopLevelComments: doCommentList, fetchComment: doCommentById, fetchReacts: doCommentReactList, resetComments: doCommentReset, }; export default connect(select, perform)(CommentsList);