fix(settings): more work on server settings pages

external/lang

@@ -1 +1 @@
-Subproject commit 2f0326b892174985809ec1b82a0f3a658df0f792
+Subproject commit cfe757a806f038ce68b50d907c43f9f1742756a6

src/pages/settings/ChannelSettings.tsx

@@ -49,12 +49,7 @@ export default function ChannelSettings() {
         <GenericSettings
             pages={[
                 {
-                    category: (
+                    category: <div>{getChannelName(channel, true)}</div>,
-                        <Category
-                            variant="uniform"
-                            text={getChannelName(channel, true)}
-                        />
-                    ),
                     id: "overview",
                     icon: <InfoCircle size={20} />,
                     title: (

src/pages/settings/ServerSettings.tsx

@@ -72,7 +72,9 @@ export default observer(() => {
                     hideTitle: true,
                 },
                 {
-                    category: "User Management",
+                    category: (
+                        <Text id="app.settings.server_pages.management.title" />
+                    ),
                     id: "members",
                     icon: <Group size={20} />,
                     title: (

src/pages/settings/channel/Overview.tsx

@@ -10,8 +10,8 @@ import TextAreaAutoSize from "../../../lib/TextAreaAutoSize";
 import { FileUploader } from "../../../context/revoltjs/FileUploads";
 
 import Button from "../../../components/ui/Button";
-import InputBox from "../../../components/ui/InputBox";
 import Checkbox from "../../../components/ui/Checkbox";
+import InputBox from "../../../components/ui/InputBox";
 
 interface Props {
     channel: Channel;
@@ -40,10 +40,7 @@ export default observer(({ channel }: Props) => {
         () => setDescription(channel.description ?? ""),
         [channel.description],
     );
-    useEffect(
+    useEffect(() => setNSFW(channel.nsfw ?? false), [channel.nsfw]);
-        () => setNSFW(channel.nsfw ?? false),
-        [channel.nsfw],
-    );
 
     const [changed, setChanged] = useState(false);
     function save() {
@@ -51,8 +48,7 @@ export default observer(({ channel }: Props) => {
         if (name !== channel.name) changes.name = name;
         if (description !== channel.description)
             changes.description = description;
-        if (nsfw !== channel.nsfw)
+        if (nsfw !== channel.nsfw) changes.nsfw = nsfw;
-            changes.nsfw = nsfw;
 
         channel.edit(changes);
         setChanged(false);
@@ -118,15 +114,16 @@ export default observer(({ channel }: Props) => {
                     if (!changed) setChanged(true);
                 }}
             />
-            {channel.channel_type === "VoiceChannel" ? '' : (
+            <hr />
+            {channel.channel_type === "VoiceChannel" ? (
+                ""
+            ) : (
                 <Checkbox
                     checked={nsfw ?? false}
-                    onChange={
+                    onChange={(nsfwchange) => {
-                        (nsfwchange) => { 
                         setNSFW(nsfwchange);
                         if (!changed) setChanged(true);
-                        }
+                    }}
-                    }
                     description="Set this channel to NSFW.">
                     NSFW
                 </Checkbox>

src/pages/settings/server/Overview.tsx

@@ -93,7 +93,7 @@ export const Overview = observer(({ server }: Props) => {
                     if (!changed) setChanged(true);
                 }}
             />
-
+            <hr />
             <h3>
                 <Text id="app.main.servers.custom_banner" />
             </h3>
@@ -107,7 +107,7 @@ export const Overview = observer(({ server }: Props) => {
                 previewURL={server.generateBannerURL({ width: 1000 }, true)}
                 remove={() => server.edit({ remove: "Banner" })}
             />
-
+            <hr />
             <h3>
                 <Text id="app.settings.server_pages.overview.system_messages" />
             </h3>
@@ -152,7 +152,11 @@ export const Overview = observer(({ server }: Props) => {
                             <Text id="general.disabled" />
                         </option>
                         {server.channels
-                            .filter((x) => (typeof x !== "undefined" && x.channel_type === "TextChannel"))
+                            .filter(
+                                (x) =>
+                                    typeof x !== "undefined" &&
+                                    x.channel_type === "TextChannel",
+                            )
                             .map((channel) => (
                                 <option key={channel!._id} value={channel!._id}>
                                     {getChannelName(channel!, true)}