ea9c7a4a27
* Refactor CommentBadge * Refactor livestreamComment component * Refactor and split livestreamComment CSS * Refactor livestreamComments component * Refactor and split livestreamComments CSS * Remove never used spinner * Refactor livestream Page * Refactor page component * Refactor livestreamLayout component * Break apart livestreamComments into separate sibling components - This helps separating LivestreamComments to deal with only the comments, and the LivestreamLayout to be used for its own Page as a Popout option, and also for a layered approach for mobile * Create Popout Chat Page, Add Popout Chat Menu Option * Add Hide Chat option * sockety improvements * Websocket changes Co-authored-by: Thomas Zarebczan <thomas.zarebczan@gmail.com>
30 lines
1,003 B
JavaScript
30 lines
1,003 B
JavaScript
import { connect } from 'react-redux';
|
|
import { MAX_LIVESTREAM_COMMENTS } from 'constants/livestream';
|
|
import { doResolveUris } from 'redux/actions/claims';
|
|
import { selectClaimForUri } from 'redux/selectors/claims';
|
|
import { doCommentList, doSuperChatList } from 'redux/actions/comments';
|
|
import {
|
|
selectTopLevelCommentsForUri,
|
|
selectSuperChatsForUri,
|
|
selectSuperChatTotalAmountForUri,
|
|
selectPinnedCommentsForUri,
|
|
} from 'redux/selectors/comments';
|
|
import LivestreamChatLayout from './view';
|
|
|
|
const select = (state, props) => {
|
|
const { uri } = props;
|
|
|
|
return {
|
|
claim: selectClaimForUri(state, uri),
|
|
comments: selectTopLevelCommentsForUri(state, uri, MAX_LIVESTREAM_COMMENTS),
|
|
pinnedComments: selectPinnedCommentsForUri(state, uri),
|
|
superChats: selectSuperChatsForUri(state, uri),
|
|
superChatsTotalAmount: selectSuperChatTotalAmountForUri(state, uri),
|
|
};
|
|
};
|
|
|
|
export default connect(select, {
|
|
doCommentList,
|
|
doSuperChatList,
|
|
doResolveUris,
|
|
})(LivestreamChatLayout);
|