Community settings (#3655)

* Community settings WIP.

* Adding more to community settings.

* Translations (tmp)

* Update express methods.

* Fix community loading

* Adding community settings link

* Fixing dropdown menu offset

* Adding proper community remove and purge dialogs

* Adding ability to add and remove mods from community settings

* Adding transferring community to community settings.

* Fixing remove and transfer dialogs

* Remove leaveModTeam from community sidebar

* Fixing lint.

* Make community settings only accessible by mod or admin with local community.

Author: dessalines

.gitmodules

@@ -1,4 +1,4 @@
 [submodule "lemmy-translations"]
 	path = lemmy-translations
 	url = https://github.com/lemmynet/lemmy-translations
-	branch = main
+	branch = community_settings_1

lemmy-translations

@@ -112,7 +112,7 @@
     "@types/bootstrap": "^5.2.10",
     "@types/compression": "^1.8.1",
     "@types/cookie-parser": "^1.4.7",
-    "@types/express": "^5.0.1",
+    "@types/express": "^5.0.6",
     "@types/html-to-text": "^9.0.4",
     "@types/markdown-it": "^14.1.2",
     "@types/markdown-it-container": "^2.0.10",

package.json

@@ -20,7 +20,7 @@ export default async (_req: Request, res: Response) => {
     }
   }
 
-  res.setHeader("content-type", "application/manifest+json");
+  res.type("application/manifest+json");
 
   res.send(manifest);
 };

pnpm-lock.yaml

@@ -1,7 +1,7 @@
 import type { Response } from "express";
 
 export default async ({ res }: { res: Response }) => {
-  res.setHeader("content-type", "text/plain; charset=utf-8");
+  res.type("text/plain; charset=utf-8");
 
   res.send(`User-Agent: *
 Disallow: /login

src/server/handlers/manifest-handler.ts

@@ -11,7 +11,7 @@ export function setDefaultCsp({
 }) {
   res.locals.cspNonce = crypto.randomBytes(16).toString("hex");
 
-  res.setHeader(
+  res.set(
     "Content-Security-Policy",
     `default-src 'self';
      manifest-src *;
@@ -50,15 +50,15 @@ export function setCacheControl(
       // Static content gets cached publicly for a day
       caching = "public, max-age=86400";
     } else {
-      res.setHeader("Vary", "Cookie, Accept, Accept-Language");
+      res.set("Vary", "Cookie, Accept, Accept-Language");
       if (getJwtCookie(req.headers)) {
         caching = "private";
       } else {
         caching = "public, max-age=60";
       }
     }
 
-    res.setHeader("Cache-Control", caching);
+    res.set("Cache-Control", caching);
   }
 
   next();

src/server/handlers/robots-handler.ts

@@ -25,16 +25,6 @@ export function CommunityBadges({
         subject={community}
         lessBadges={lessBadges}
       />
-      {!lessBadges && (
-        <li className="list-inline-item">
-          <Link
-            className="badge text-bg-secondary"
-            to={`/modlog/${community.id}`}
-          >
-            {I18NextService.i18n.t("modlog")}
-          </Link>
-        </li>
-      )}
     </ul>
   );
 }

src/server/middleware.ts

@@ -12,7 +12,7 @@ import {
   PersonView,
   PostView,
 } from "lemmy-js-client";
-import { amAdmin, amCommunityCreator, amMod, canAdmin } from "@utils/roles";
+import { amAdmin, amTopModExcludeMe, amMod, canAdmin } from "@utils/roles";
 import ActionButton from "./action-button";
 import classNames from "classnames";
 import { Link } from "inferno-router";
@@ -278,7 +278,7 @@ export default class ContentActionDropdown extends Component<
             <Icon icon="more-vertical" inline />
           </button>
 
-          <ul className="dropdown-menu dropdown-menu-end" id={dropdownId}>
+          <ul className="dropdown-menu" id={dropdownId}>
             {this.state.dropdownOpenedOnce && (
               <>
                 {/* Links / fedilinks */}
@@ -642,7 +642,7 @@ export default class ContentActionDropdown extends Component<
                     </>
                   )}
                 {this.props.myUserInfo &&
-                  (amCommunityCreator(
+                  (amTopModExcludeMe(
                     creator.id,
                     moderators,
                     this.props.myUserInfo,

src/shared/components/common/badges.tsx

@@ -1,85 +1,59 @@
 import { getStaticDir } from "@utils/env";
 import classNames from "classnames";
-import { Component } from "inferno";
 import { I18NextService } from "../../services";
 
-interface IconProps {
+type IconProps = {
   icon: string;
   classes?: string;
   inline?: boolean;
   small?: boolean;
-}
+};
 
-export class Icon extends Component<IconProps, any> {
-  constructor(props: any, context: any) {
-    super(props, context);
+export function Icon({ icon, classes, inline, small }: IconProps) {
+  let iconAltText: string | undefined;
+  if (icon === "plus-square" || icon === "minus-square") {
+    iconAltText = `${I18NextService.i18n.t("show_content")}`;
   }
 
-  render() {
-    let iconAltText: string | undefined;
-    if (
-      this.props.icon === "plus-square" ||
-      this.props.icon === "minus-square"
-    ) {
-      iconAltText = `${I18NextService.i18n.t("show_content")}`;
-    }
-
-    return (
-      <svg
-        className={classNames("icon", this.props.classes, {
-          "icon-inline": this.props.inline,
-          small: this.props.small,
-        })}
-        {...(iconAltText
-          ? { role: "img", "aria-describedby": `${this.props.icon}-alt` }
-          : {})}
-      >
-        {iconAltText && (
-          <title id={`${this.props.icon}-alt`}>{iconAltText}</title>
-        )}
-        <use
-          xlinkHref={`${getStaticDir()}/assets/symbols.svg#icon-${
-            this.props.icon
-          }`}
-        ></use>
-      </svg>
-    );
-  }
+  return (
+    <svg
+      className={classNames("icon", classes, {
+        "icon-inline": inline,
+        small: small,
+      })}
+      {...(iconAltText
+        ? { role: "img", "aria-describedby": `${icon}-alt` }
+        : {})}
+    >
+      {iconAltText && <title id={`${icon}-alt`}>{iconAltText}</title>}
+      <use
+        xlinkHref={`${getStaticDir()}/assets/symbols.svg#icon-${icon}`}
+      ></use>
+    </svg>
+  );
 }
 
-interface SpinnerProps {
+type SpinnerProps = {
   large?: boolean;
   className?: string;
+};
+
+export function Spinner({ large, className }: SpinnerProps) {
+  return (
+    <Icon
+      icon="spinner"
+      classes={classNames("spin", className, {
+        "spinner-large": large,
+      })}
+    />
+  );
 }
 
-export class Spinner extends Component<SpinnerProps, any> {
-  constructor(props: any, context: any) {
-    super(props, context);
-  }
-
-  render() {
-    return (
-      <Icon
-        icon="spinner"
-        classes={classNames("spin", this.props.className, {
-          "spinner-large": this.props.large,
-        })}
-      />
-    );
-  }
-}
-
-export class PurgeWarning extends Component<any, any> {
-  constructor(props: any, context: any) {
-    super(props, context);
-  }
-
-  render() {
-    return (
-      <div className="purge-warning mt-2 alert alert-danger" role="alert">
-        <Icon icon="alert-triangle" classes="icon-inline me-2" />
-        {I18NextService.i18n.t("purge_warning")}
-      </div>
-    );
-  }
+export function PurgeWarning() {
+  return (
+    <div className="purge-warning mt-2 alert alert-danger" role="alert">
+      <Icon icon="alert-triangle" classes="icon-inline me-2" />
+      {I18NextService.i18n.t("purge_warning")}
+    </div>
+  );
 }