import { myAuthRequired } from "@utils/app"; import { Component, InfernoNode, linkEvent } from "inferno"; import { T } from "inferno-i18next-dess"; import { CommentReportView, CommentView, ResolveCommentReport, } from "lemmy-js-client"; import { CommentNodeI, CommentViewType } from "../../interfaces"; import { I18NextService } from "../../services"; import { Icon, Spinner } from "../common/icon"; import { PersonListing } from "../person/person-listing"; import { CommentNode } from "./comment-node"; interface CommentReportProps { report: CommentReportView; onResolveReport(form: ResolveCommentReport): void; } interface CommentReportState { loading: boolean; } export class CommentReport extends Component< CommentReportProps, CommentReportState > { state: CommentReportState = { loading: false, }; constructor(props: any, context: any) { super(props, context); } componentWillReceiveProps( nextProps: Readonly<{ children?: InfernoNode } & CommentReportProps> ): void { if (this.props != nextProps) { this.setState({ loading: false }); } } render() { const r = this.props.report; const comment = r.comment; const tippyContent = I18NextService.i18n.t( r.comment_report.resolved ? "unresolve_report" : "resolve_report" ); // Set the original post data ( a troll could change it ) comment.content = r.comment_report.original_comment_text; const comment_view: CommentView = { comment, creator: r.comment_creator, post: r.post, community: r.community, creator_banned_from_community: r.creator_banned_from_community, counts: r.counts, subscribed: "NotSubscribed", saved: false, creator_blocked: false, my_vote: r.my_vote, }; const node: CommentNodeI = { comment_view, children: [], depth: 0, }; return (
{}} onBlockPerson={() => {}} onDeleteComment={() => {}} onRemoveComment={() => {}} onCommentVote={() => {}} onCommentReport={() => {}} onDistinguishComment={() => {}} onAddModToCommunity={() => {}} onAddAdmin={() => {}} onTransferCommunity={() => {}} onPurgeComment={() => {}} onPurgePerson={() => {}} onCommentReplyRead={() => {}} onPersonMentionRead={() => {}} onBanPersonFromCommunity={() => {}} onBanPerson={() => {}} onCreateComment={() => Promise.resolve({ state: "empty" })} onEditComment={() => Promise.resolve({ state: "empty" })} />
{I18NextService.i18n.t("reporter")}:{" "}
{I18NextService.i18n.t("reason")}: {r.comment_report.reason}
{r.resolver && (
{r.comment_report.resolved ? ( # ) : ( # )}
)}
); } handleResolveReport(i: CommentReport) { i.setState({ loading: true }); i.props.onResolveReport({ report_id: i.props.report.comment_report.id, resolved: !i.props.report.comment_report.resolved, auth: myAuthRequired(), }); } }