import React, { Component } from "react";
import { Spin, Pagination, Checkbox } from "antd";
import intl from "react-intl-universal";
import Comment from "../../Comment";
import CommentBox from "../CommentBox";
import "./index.css";
class CommentList extends Component {
constructor(props) {
super(props);
this.state = {
filterSpeak: 0
};
}
componentWillMount() {
this.props.app.sGetComment({ page: this.props.app.page });
}
renderPagination() {
const {
list,
total,
page,
pageType,
limit,
isNoMoreComment,
sGetComment,
onPageChange,
onGetMoreBtnClick
} = this.props.app;
const { filterSpeak } = this.state;
if (pageType === "slice") {
// 截断多余评论,通过点击查看更多跳转
return (
查看更多
);
} else if (pageType === "more") {
if (!isNoMoreComment && list.length !== total) {
return (
{
sGetComment({ page: page + 1, filterSpeak });
onPageChange(page + 1);
}}
>
{intl.get("comment.moreComment")}
);
} else {
return null;
}
} else if (pageType === "pagination") {
return (
{
sGetComment({ page: p, filterSpeak });
onPageChange(p);
}}
/>
);
}
}
render() {
const {
list,
total,
loading,
isSpeak,
sGetComment,
onPageChange
} = this.props.app;
const spinning = Boolean(
loading.sGetComment || loading.sCommentFavor || loading.sReplyFavor
);
return (
{/* 共 {total} 条评论
*/}
{intl.get("comment.totalComment", { total })}
{isSpeak && (
{
this.setState({
filterSpeak: e.target.checked ? 1 : 0
});
sGetComment({
page: 1,
filterSpeak: e.target.checked ? 1 : 0
});
onPageChange(1);
}}
>
{intl.get("comment.filterSpeak")}
)}
{list.map(item => (
))}
{this.renderPagination()}
);
}
}
CommentList.propTypes = {};
export default Comment(CommentList);