1 import { None, Option, Some } from "@sniptt/monads";
2 import { Component, linkEvent } from "inferno";
5 ListRegistrationApplications,
6 ListRegistrationApplicationsResponse,
7 RegistrationApplicationResponse,
11 } from "lemmy-js-client";
12 import { Subscription } from "rxjs";
13 import { i18n } from "../../i18next";
14 import { InitialFetchRequest } from "../../interfaces";
15 import { UserService, WebSocketService } from "../../services";
23 updateRegistrationApplicationRes,
27 import { HtmlTags } from "../common/html-tags";
28 import { Spinner } from "../common/icon";
29 import { Paginator } from "../common/paginator";
30 import { RegistrationApplication } from "../common/registration-application";
37 interface RegistrationApplicationsState {
38 listRegistrationApplicationsResponse: Option<ListRegistrationApplicationsResponse>;
39 siteRes: GetSiteResponse;
40 unreadOrAll: UnreadOrAll;
45 export class RegistrationApplications extends Component<
47 RegistrationApplicationsState
49 private isoData = setIsoData(
51 ListRegistrationApplicationsResponse
53 private subscription: Subscription;
54 private emptyState: RegistrationApplicationsState = {
55 listRegistrationApplicationsResponse: None,
56 siteRes: this.isoData.site_res,
57 unreadOrAll: UnreadOrAll.Unread,
62 constructor(props: any, context: any) {
63 super(props, context);
65 this.state = this.emptyState;
66 this.handlePageChange = this.handlePageChange.bind(this);
68 if (UserService.Instance.myUserInfo.isNone() && isBrowser()) {
69 toast(i18n.t("not_logged_in"), "danger");
70 this.context.router.history.push(`/login`);
73 this.parseMessage = this.parseMessage.bind(this);
74 this.subscription = wsSubscribe(this.parseMessage);
76 // Only fetch the data if coming from another route
77 if (this.isoData.path == this.context.router.route.match.url) {
78 this.state.listRegistrationApplicationsResponse = Some(
79 this.isoData.routeData[0] as ListRegistrationApplicationsResponse
81 this.state.loading = false;
91 componentWillUnmount() {
93 this.subscription.unsubscribe();
97 get documentTitle(): string {
98 return this.state.siteRes.site_view.match({
100 UserService.Instance.myUserInfo.match({
102 `@${mui.local_user_view.person.name} ${i18n.t(
103 "registration_applications"
104 )} - ${siteView.site.name}`,
113 <div class="container">
114 {this.state.loading ? (
122 title={this.documentTitle}
123 path={this.context.router.route.match.url}
127 <h5 class="mb-2">{i18n.t("registration_applications")}</h5>
129 {this.applicationList()}
131 page={this.state.page}
132 onChange={this.handlePageChange}
141 unreadOrAllRadios() {
143 <div class="btn-group btn-group-toggle flex-wrap mb-2">
145 className={`btn btn-outline-secondary pointer
146 ${this.state.unreadOrAll == UnreadOrAll.Unread && "active"}
151 value={UnreadOrAll.Unread}
152 checked={this.state.unreadOrAll == UnreadOrAll.Unread}
153 onChange={linkEvent(this, this.handleUnreadOrAllChange)}
158 className={`btn btn-outline-secondary pointer
159 ${this.state.unreadOrAll == UnreadOrAll.All && "active"}
164 value={UnreadOrAll.All}
165 checked={this.state.unreadOrAll == UnreadOrAll.All}
166 onChange={linkEvent(this, this.handleUnreadOrAllChange)}
176 <div className="mb-2">
177 <span class="mr-3">{this.unreadOrAllRadios()}</span>
183 return this.state.listRegistrationApplicationsResponse.match({
186 {res.registration_applications.map(ra => (
189 <RegistrationApplication
190 key={ra.registration_application.id}
201 handleUnreadOrAllChange(i: RegistrationApplications, event: any) {
202 i.state.unreadOrAll = Number(event.target.value);
208 handlePageChange(page: number) {
209 this.setState({ page });
213 static fetchInitialData(req: InitialFetchRequest): Promise<any>[] {
214 let promises: Promise<any>[] = [];
216 let form = new ListRegistrationApplications({
217 unread_only: Some(true),
219 limit: Some(fetchLimit),
220 auth: req.auth.unwrap(),
222 promises.push(req.client.listRegistrationApplications(form));
228 let unread_only = this.state.unreadOrAll == UnreadOrAll.Unread;
229 let form = new ListRegistrationApplications({
230 unread_only: Some(unread_only),
231 page: Some(this.state.page),
232 limit: Some(fetchLimit),
233 auth: auth().unwrap(),
235 WebSocketService.Instance.send(wsClient.listRegistrationApplications(form));
238 parseMessage(msg: any) {
239 let op = wsUserOp(msg);
242 toast(i18n.t(msg.error), "danger");
244 } else if (msg.reconnect) {
246 } else if (op == UserOperation.ListRegistrationApplications) {
247 let data = wsJsonToRes<ListRegistrationApplicationsResponse>(
249 ListRegistrationApplicationsResponse
251 this.state.listRegistrationApplicationsResponse = Some(data);
252 this.state.loading = false;
253 window.scrollTo(0, 0);
254 this.setState(this.state);
255 } else if (op == UserOperation.ApproveRegistrationApplication) {
256 let data = wsJsonToRes<RegistrationApplicationResponse>(
258 RegistrationApplicationResponse
260 updateRegistrationApplicationRes(
261 data.registration_application,
262 this.state.listRegistrationApplicationsResponse
263 .map(r => r.registration_applications)
266 let uacs = UserService.Instance.unreadApplicationCountSub;
267 // Minor bug, where if the application switches from deny to approve, the count will still go down
268 uacs.next(uacs.getValue() - 1);
269 this.setState(this.state);