+import {
+ editRegistrationApplication,
+ myAuthRequired,
+ setIsoData,
+} from "@utils/app";
+import { RouteDataResponse } from "@utils/types";
import { Component, linkEvent } from "inferno";
import {
ApproveRegistrationApplication,
GetSiteResponse,
- ListRegistrationApplications,
ListRegistrationApplicationsResponse,
RegistrationApplicationView,
} from "lemmy-js-client";
-import { i18n } from "../../i18next";
+import { fetchLimit } from "../../config";
import { InitialFetchRequest } from "../../interfaces";
-import { UserService } from "../../services";
-import { FirstLoadService } from "../../services/FirstLoadService";
+import { FirstLoadService, I18NextService, UserService } from "../../services";
import { HttpService, RequestState } from "../../services/HttpService";
-import {
- editRegistrationApplication,
- fetchLimit,
- myAuthRequired,
- setIsoData,
- setupTippy,
-} from "../../utils";
+import { setupTippy } from "../../tippy";
import { HtmlTags } from "../common/html-tags";
import { Spinner } from "../common/icon";
import { Paginator } from "../common/paginator";
All,
}
+type RegistrationApplicationsData = RouteDataResponse<{
+ listRegistrationApplicationsResponse: ListRegistrationApplicationsResponse;
+}>;
+
interface RegistrationApplicationsState {
appsRes: RequestState<ListRegistrationApplicationsResponse>;
siteRes: GetSiteResponse;
any,
RegistrationApplicationsState
> {
- private isoData = setIsoData(this.context);
+ private isoData = setIsoData<RegistrationApplicationsData>(this.context);
state: RegistrationApplicationsState = {
appsRes: { state: "empty" },
siteRes: this.isoData.site_res,
if (FirstLoadService.isFirstLoad) {
this.state = {
...this.state,
- appsRes: this.isoData.routeData[0],
+ appsRes: this.isoData.routeData.listRegistrationApplicationsResponse,
isIsomorphic: true,
};
}
get documentTitle(): string {
const mui = UserService.Instance.myUserInfo;
return mui
- ? `@${mui.local_user_view.person.name} ${i18n.t(
+ ? `@${mui.local_user_view.person.name} ${I18NextService.i18n.t(
"registration_applications"
)} - ${this.state.siteRes.site_view.site.name}`
: "";
title={this.documentTitle}
path={this.context.router.route.match.url}
/>
- <h5 className="mb-2">{i18n.t("registration_applications")}</h5>
+ <h1 className="h4 mb-4">
+ {I18NextService.i18n.t("registration_applications")}
+ </h1>
{this.selects()}
{this.applicationList(apps)}
<Paginator
}
render() {
- return <div className="container-lg">{this.renderApps()}</div>;
+ return (
+ <div className="registration-applications container-lg">
+ {this.renderApps()}
+ </div>
+ );
}
unreadOrAllRadios() {
>
<input
type="radio"
+ className="btn-check"
value={UnreadOrAll.Unread}
checked={this.state.unreadOrAll == UnreadOrAll.Unread}
onChange={linkEvent(this, this.handleUnreadOrAllChange)}
/>
- {i18n.t("unread")}
+ {I18NextService.i18n.t("unread")}
</label>
<label
className={`btn btn-outline-secondary pointer
>
<input
type="radio"
+ className="btn-check"
value={UnreadOrAll.All}
checked={this.state.unreadOrAll == UnreadOrAll.All}
onChange={linkEvent(this, this.handleUnreadOrAllChange)}
/>
- {i18n.t("all")}
+ {I18NextService.i18n.t("all")}
</label>
</div>
);
selects() {
return (
<div className="mb-2">
- <span className="mr-3">{this.unreadOrAllRadios()}</span>
+ <span className="me-3">{this.unreadOrAllRadios()}</span>
</div>
);
}
this.refetch();
}
- static fetchInitialData({
+ static async fetchInitialData({
auth,
client,
- }: InitialFetchRequest): Promise<any>[] {
- const promises: Promise<RequestState<any>>[] = [];
-
- if (auth) {
- const form: ListRegistrationApplications = {
- unread_only: true,
- page: 1,
- limit: fetchLimit,
- auth,
- };
- promises.push(client.listRegistrationApplications(form));
- } else {
- promises.push(Promise.resolve({ state: "empty" }));
- }
-
- return promises;
+ }: InitialFetchRequest): Promise<RegistrationApplicationsData> {
+ return {
+ listRegistrationApplicationsResponse: auth
+ ? await client.listRegistrationApplications({
+ unread_only: true,
+ page: 1,
+ limit: fetchLimit,
+ auth: auth as string,
+ })
+ : { state: "empty" },
+ };
}
async refetch() {