Private instances (#523)

* Updating translations. * Adding registration applications. * Updating translations. * Adding verify email route. * Fix missing signup question bug. * Updating translations. * A few fixes from comments on lemmy PR. * v0.15.0-rc.4 * Some suggestions from PR. * v0.15.0-rc.5 * Adding optional auth to modlog fetches. * v0.15.0-rc.6 * Hide deny / approve buttons
2021-12-30 10:26:45 -05:00 · 2021-12-30 10:26:45 -05:00 · b96e16b4e9
commit b96e16b4e9
parent 4c6713d3f2
23 changed files with 849 additions and 65 deletions
--- a/src/shared/components/comment/comment-report.tsx
+++ b/src/shared/components/comment/comment-report.tsx
@ -0,0 +1,106 @@
+import { Component, linkEvent } from "inferno";
+import { T } from "inferno-i18next-dess";
+import {
+  CommentReportView,
+  CommentView,
+  ResolveCommentReport,
+} from "lemmy-js-client";
+import { i18n } from "../../i18next";
+import { CommentNode as CommentNodeI } from "../../interfaces";
+import { WebSocketService } from "../../services";
+import { authField, wsClient } from "../../utils";
+import { Icon } from "../common/icon";
+import { PersonListing } from "../person/person-listing";
+import { CommentNode } from "./comment-node";
+
+interface CommentReportProps {
+  report: CommentReportView;
+}
+
+export class CommentReport extends Component<CommentReportProps, any> {
+  constructor(props: any, context: any) {
+    super(props, context);
+  }
+
+  render() {
+    let r = this.props.report;
+    let comment = r.comment;
+    let tippyContent = 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;
+
+    let 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: false,
+      saved: false,
+      creator_blocked: false,
+      my_vote: r.my_vote,
+    };
+
+    let node: CommentNodeI = {
+      comment_view,
+    };
+
+    return (
+      <div>
+        <CommentNode
+          node={node}
+          moderators={[]}
+          admins={[]}
+          enableDownvotes={true}
+        />
+        <div>
+          {i18n.t("reporter")}: <PersonListing person={r.creator} />
+        </div>
+        <div>
+          {i18n.t("reason")}: {r.comment_report.reason}
+        </div>
+        {r.resolver && (
+          <div>
+            {r.comment_report.resolved ? (
+              <T i18nKey="resolved_by">
+                #
+                <PersonListing person={r.resolver} />
+              </T>
+            ) : (
+              <T i18nKey="unresolved_by">
+                #
+                <PersonListing person={r.resolver} />
+              </T>
+            )}
+          </div>
+        )}
+        <button
+          className="btn btn-link btn-animate text-muted py-0"
+          onClick={linkEvent(this, this.handleResolveReport)}
+          data-tippy-content={tippyContent}
+          aria-label={tippyContent}
+        >
+          <Icon
+            icon="check"
+            classes={`icon-inline ${
+              r.comment_report.resolved ? "text-success" : "text-danger"
+            }`}
+          />
+        </button>
+      </div>
+    );
+  }
+
+  handleResolveReport(i: CommentReport) {
+    let form: ResolveCommentReport = {
+      report_id: i.props.report.comment_report.id,
+      resolved: !i.props.report.comment_report.resolved,
+      auth: authField(),
+    };
+    WebSocketService.Instance.send(wsClient.resolveCommentReport(form));
+  }
+}