feat: add change group ownership / text system msg

src/components/common/messaging/SystemMessage.tsx

@@ -9,6 +9,7 @@ import {
     EditAlt,
     Edit,
     MessageSquareEdit,
+    Key,
 } from "@styled-icons/boxicons-solid";
 import { observer } from "mobx-react-lite";
 import { Message, API } from "revolt.js";
@@ -18,6 +19,7 @@ import { useTriggerEvents } from "preact-context-menu";
 
 import { TextReact } from "../../../lib/i18n";
 
+import Markdown from "../../markdown/Markdown";
 import UserShort from "../user/UserShort";
 import MessageBase, { MessageDetail, MessageInfo } from "./MessageBase";
 
@@ -67,12 +69,15 @@ const iconDictionary = {
     channel_renamed: EditAlt,
     channel_description_changed: Edit,
     channel_icon_changed: MessageSquareEdit,
+    channel_ownership_changed: Key,
     text: InfoCircle,
 };
 
 export const SystemMessage = observer(
     ({ attachContext, message, highlight, hideInfo }: Props) => {
         const data = message.asSystemMessage;
+        if (!data) return null;
+
         const SystemMessageIcon =
             iconDictionary[data.type as API.SystemMessage["type"]] ??
             InfoCircle;
@@ -130,6 +135,22 @@ export const SystemMessage = observer(
                     />
                 );
                 break;
+            case "channel_ownership_changed":
+                children = (
+                    <TextReact
+                        id={`app.main.channel.system.channel_ownership_changed`}
+                        fields={{
+                            from: <UserShort user={data.from} />,
+                            to: <UserShort user={data.to} />,
+                        }}
+                    />
+                );
+                break;
+            case "text":
+                if (message.system?.type === "text") {
+                    children = <Markdown content={message.system?.content} />;
+                }
+                break;
         }
 
         return (

src/lib/ContextMenus.tsx

@@ -69,6 +69,7 @@ type Action =
     | { action: "copy_file_link"; attachment: API.File }
     | { action: "open_link"; link: string }
     | { action: "copy_link"; link: string }
+    | { action: "make_owner"; channel: Channel; user: User }
     | { action: "remove_member"; channel: Channel; user: User }
     | { action: "kick_member"; target: Member }
     | { action: "ban_member"; target: Member }
@@ -307,6 +308,15 @@ export default function ContextMenus() {
                     }
                     break;
 
+                case "make_owner":
+                    {
+                        // FIXME: add a modal for this
+                        data.channel.edit({
+                            owner: data.user._id,
+                        });
+                    }
+                    break;
+
                 case "remove_member":
                     {
                         data.channel.removeMember(data.user._id);
@@ -667,11 +677,29 @@ export default function ContextMenus() {
                                 contextualChannel.owner_id === userId &&
                                 userId !== uid
                             ) {
-                                generateAction({
-                                    action: "remove_member",
-                                    channel: contextualChannel,
-                                    user: user!,
-                                });
+                                generateAction(
+                                    {
+                                        action: "make_owner",
+                                        channel: contextualChannel,
+                                        user: user!,
+                                    },
+                                    undefined,
+                                    false,
+                                    undefined,
+                                    "var(--error)",
+                                );
+
+                                generateAction(
+                                    {
+                                        action: "remove_member",
+                                        channel: contextualChannel,
+                                        user: user!,
+                                    },
+                                    undefined,
+                                    false,
+                                    undefined,
+                                    "var(--error)",
+                                );
                             }
                         }