1 import { myAuthRequired } from "@utils/app";
2 import { Component, InfernoNode, linkEvent } from "inferno";
3 import { T } from "inferno-i18next-dess";
5 ApproveRegistrationApplication,
6 RegistrationApplicationView,
7 } from "lemmy-js-client";
8 import { mdToHtml } from "../../markdown";
9 import { I18NextService } from "../../services";
10 import { PersonListing } from "../person/person-listing";
11 import { Spinner } from "./icon";
12 import { MarkdownTextArea } from "./markdown-textarea";
13 import { MomentTime } from "./moment-time";
15 interface RegistrationApplicationProps {
16 application: RegistrationApplicationView;
17 onApproveApplication(form: ApproveRegistrationApplication): void;
20 interface RegistrationApplicationState {
22 denyExpanded: boolean;
23 approveLoading: boolean;
27 export class RegistrationApplication extends Component<
28 RegistrationApplicationProps,
29 RegistrationApplicationState
31 state: RegistrationApplicationState = {
32 denyReason: this.props.application.registration_application.deny_reason,
34 approveLoading: false,
38 constructor(props: any, context: any) {
39 super(props, context);
40 this.handleDenyReasonChange = this.handleDenyReasonChange.bind(this);
42 componentWillReceiveProps(
44 { children?: InfernoNode } & RegistrationApplicationProps
47 if (this.props !== nextProps) {
50 approveLoading: false,
57 const a = this.props.application;
58 const ra = this.props.application.registration_application;
59 const accepted = a.creator_local_user.accepted_application;
62 <div className="registration-application">
64 {I18NextService.i18n.t("applicant")}:{" "}
65 <PersonListing person={a.creator} />
68 {I18NextService.i18n.t("created")}:{" "}
69 <MomentTime showAgo published={ra.published} />
71 <div>{I18NextService.i18n.t("answer")}:</div>
72 <div className="md-div" dangerouslySetInnerHTML={mdToHtml(ra.answer)} />
77 <T i18nKey="approved_by">
79 <PersonListing person={a.admin} />
83 <T i18nKey="denied_by">
85 <PersonListing person={a.admin} />
89 {I18NextService.i18n.t("deny_reason")}:{" "}
91 className="md-div d-inline-flex"
92 dangerouslySetInnerHTML={mdToHtml(ra.deny_reason)}
101 {this.state.denyExpanded && (
102 <div className="mb-3 row">
103 <label className="col-sm-2 col-form-label">
104 {I18NextService.i18n.t("deny_reason")}
106 <div className="col-sm-10">
108 initialContent={this.state.denyReason}
109 onContentChange={this.handleDenyReasonChange}
110 hideNavigationWarnings
117 {(!ra.admin_id || (ra.admin_id && !accepted)) && (
119 className="btn btn-secondary me-2 my-2"
120 onClick={linkEvent(this, this.handleApprove)}
121 aria-label={I18NextService.i18n.t("approve")}
123 {this.state.approveLoading ? (
126 I18NextService.i18n.t("approve")
130 {(!ra.admin_id || (ra.admin_id && accepted)) && (
132 className="btn btn-secondary me-2"
133 onClick={linkEvent(this, this.handleDeny)}
134 aria-label={I18NextService.i18n.t("deny")}
136 {this.state.denyLoading ? (
139 I18NextService.i18n.t("deny")
147 handleApprove(i: RegistrationApplication) {
148 i.setState({ denyExpanded: false, approveLoading: true });
149 i.props.onApproveApplication({
150 id: i.props.application.registration_application.id,
152 auth: myAuthRequired(),
156 handleDeny(i: RegistrationApplication) {
157 if (i.state.denyExpanded) {
158 i.setState({ denyExpanded: false, denyLoading: true });
159 i.props.onApproveApplication({
160 id: i.props.application.registration_application.id,
162 deny_reason: i.state.denyReason,
163 auth: myAuthRequired(),
166 i.setState({ denyExpanded: true });
170 handleDenyReasonChange(val: string) {
171 this.setState({ denyReason: val });