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 (