1 import autosize from "autosize";
2 import { Component, linkEvent } from "inferno";
5 GetFederatedInstancesResponse,
12 } from "lemmy-js-client";
13 import { Subscription } from "rxjs";
14 import { i18n } from "../../i18next";
15 import { InitialFetchRequest } from "../../interfaces";
16 import { WebSocketService } from "../../services";
19 capitalizeFirstLetter,
29 import { HtmlTags } from "../common/html-tags";
30 import { Spinner } from "../common/icon";
31 import Tabs from "../common/tabs";
32 import { PersonListing } from "../person/person-listing";
33 import { EmojiForm } from "./emojis-form";
34 import RateLimitForm from "./rate-limit-form";
35 import { SiteForm } from "./site-form";
36 import { TaglineForm } from "./tagline-form";
38 interface AdminSettingsData {
39 bannedPersonsResponse: BannedPersonsResponse;
40 federatedInstancesResponse: GetFederatedInstancesResponse;
43 interface AdminSettingsState {
44 siteRes: GetSiteResponse;
45 instancesRes?: GetFederatedInstancesResponse;
48 leaveAdminTeamLoading: boolean;
51 export class AdminSettings extends Component<any, AdminSettingsState> {
52 private siteConfigTextAreaId = `site-config-${randomStr()}`;
53 private isoData = setIsoData<AdminSettingsData>(this.context);
54 private subscription?: Subscription;
55 state: AdminSettingsState = {
56 siteRes: this.isoData.site_res,
59 leaveAdminTeamLoading: false,
62 constructor(props: any, context: any) {
63 super(props, context);
65 this.parseMessage = this.parseMessage.bind(this);
66 this.subscription = wsSubscribe(this.parseMessage);
68 // Only fetch the data if coming from another route
69 if (this.isoData.path == this.context.router.route.match.url) {
70 const { bannedPersonsResponse, federatedInstancesResponse } =
71 this.isoData.routeData;
75 banned: bannedPersonsResponse.banned,
76 instancesRes: federatedInstancesResponse,
82 WebSocketService.Instance.send(
83 wsClient.getBannedPersons({
87 WebSocketService.Instance.send(
88 wsClient.getFederatedInstances({ auth: cAuth })
94 static fetchInitialData({
97 }: InitialFetchRequest): WithPromiseKeys<AdminSettingsData> {
99 bannedPersonsResponse: client.getBannedPersons({ auth: auth as string }),
100 federatedInstancesResponse: client.getFederatedInstances({
101 auth: auth as string,
102 }) as Promise<GetFederatedInstancesResponse>,
106 componentDidMount() {
108 var textarea: any = document.getElementById(this.siteConfigTextAreaId);
113 componentWillUnmount() {
115 this.subscription?.unsubscribe();
119 get documentTitle(): string {
120 return `${i18n.t("admin_settings")} - ${
121 this.state.siteRes.site_view.site.name
127 <div className="container-lg">
129 title={this.documentTitle}
130 path={this.context.router.route.match.url}
132 {this.state.loading ? (
141 label: i18n.t("site"),
143 <div className="row">
144 <div className="col-12 col-md-6">
146 siteRes={this.state.siteRes}
147 instancesRes={this.state.instancesRes}
148 showLocal={showLocal(this.isoData)}
151 <div className="col-12 col-md-6">
159 key: "rate_limiting",
160 label: "Rate Limiting",
164 this.state.siteRes.site_view.local_site_rate_limit
166 applicationQuestion={
167 this.state.siteRes.site_view.local_site
168 .application_question
175 label: i18n.t("taglines"),
177 <div className="row">
178 <TaglineForm siteRes={this.state.siteRes} />
184 label: i18n.t("emojis"),
186 <div className="row">
201 <h5>{capitalizeFirstLetter(i18n.t("admins"))}</h5>
202 <ul className="list-unstyled">
203 {this.state.siteRes.admins.map(admin => (
204 <li key={admin.person.id} className="list-inline-item">
205 <PersonListing person={admin.person} />
217 onClick={linkEvent(this, this.handleLeaveAdminTeam)}
218 className="btn btn-danger mb-2"
220 {this.state.leaveAdminTeamLoading ? (
223 i18n.t("leave_admin_team")
232 <h5>{i18n.t("banned_users")}</h5>
233 <ul className="list-unstyled">
234 {this.state.banned.map(banned => (
235 <li key={banned.person.id} className="list-inline-item">
236 <PersonListing person={banned.person} />
244 handleLeaveAdminTeam(i: AdminSettings) {
247 i.setState({ leaveAdminTeamLoading: true });
248 WebSocketService.Instance.send(wsClient.leaveAdmin({ auth }));
252 parseMessage(msg: any) {
253 let op = wsUserOp(msg);
256 toast(i18n.t(msg.error), "danger");
257 this.context.router.history.push("/");
258 this.setState({ loading: false });
260 } else if (op == UserOperation.EditSite) {
261 let data = wsJsonToRes<SiteResponse>(msg);
262 this.setState(s => ((s.siteRes.site_view = data.site_view), s));
263 toast(i18n.t("site_saved"));
264 } else if (op == UserOperation.GetBannedPersons) {
265 let data = wsJsonToRes<BannedPersonsResponse>(msg);
266 this.setState({ banned: data.banned, loading: false });
267 } else if (op == UserOperation.LeaveAdmin) {
268 let data = wsJsonToRes<GetSiteResponse>(msg);
269 this.setState(s => ((s.siteRes.site_view = data.site_view), s));
270 this.setState({ leaveAdminTeamLoading: false });
271 toast(i18n.t("left_admin_team"));
272 this.context.router.history.push("/");
273 } else if (op == UserOperation.GetFederatedInstances) {
274 let data = wsJsonToRes<GetFederatedInstancesResponse>(msg);
275 this.setState({ instancesRes: data });