Start migration to revolt.js@5.0.0.

200 error milestone

src/pages/settings/channel/Overview.tsx

@@ -1,5 +1,5 @@
 import { observer } from "mobx-react-lite";
-import { Channels } from "revolt.js/dist/api/objects";
+import { Channel } from "revolt.js/dist/maps/Channels";
 import styled, { css } from "styled-components";
 
 import { Text } from "preact-i18n";
@@ -7,8 +7,6 @@ import { useContext, useEffect, useState } from "preact/hooks";
 
 import TextAreaAutoSize from "../../../lib/TextAreaAutoSize";
 
-import { Channel } from "../../../mobx";
-
 import { FileUploader } from "../../../context/revoltjs/FileUploads";
 import { AppContext } from "../../../context/revoltjs/RevoltClient";
 
@@ -51,7 +49,7 @@ export default observer(({ channel }: Props) => {
         if (description !== channel.description)
             changes.description = description;
 
-        client.channels.edit(channel._id, changes);
+        channel.edit(changes);
         setChanged(false);
     }
 
@@ -65,17 +63,12 @@ export default observer(({ channel }: Props) => {
                     fileType="icons"
                     behaviour="upload"
                     maxFileSize={2_500_000}
-                    onUpload={(icon) =>
-                        client.channels.edit(channel._id, { icon })
-                    }
-                    previewURL={client.channels.getIconURL(
-                        channel._id,
+                    onUpload={(icon) => channel.edit({ icon })}
+                    previewURL={channel.generateIconURL(
                         { max_side: 256 },
                         true,
                     )}
-                    remove={() =>
-                        client.channels.edit(channel._id, { remove: "Icon" })
-                    }
+                    remove={() => channel.edit({ remove: "Icon" })}
                     defaultPreview={
                         channel.channel_type === "Group"
                             ? "/assets/group.png"

src/pages/settings/channel/Permissions.tsx

@@ -1,13 +1,10 @@
 import { observer } from "mobx-react-lite";
-import { Channels } from "revolt.js/dist/api/objects";
 import { ChannelPermission } from "revolt.js/dist/api/permissions";
+import { Channel } from "revolt.js/dist/maps/Channels";
 
 import { useContext, useEffect, useState } from "preact/hooks";
 
-import { Channel } from "../../../mobx";
-import { useData } from "../../../mobx/State";
-
-import { AppContext } from "../../../context/revoltjs/RevoltClient";
+import { AppContext, useClient } from "../../../context/revoltjs/RevoltClient";
 
 import Button from "../../../components/ui/Button";
 import Checkbox from "../../../components/ui/Checkbox";
@@ -30,13 +27,12 @@ interface Props {
 // ! FIXME: bad code :)
 export default observer(({ channel }: Props) => {
     const [selected, setSelected] = useState("default");
-    const client = useContext(AppContext);
-    const store = useData();
+    const client = useClient();
 
     type R = { name: string; permissions: number };
     const roles: { [key: string]: R } = {};
     if (channel.channel_type !== "Group") {
-        const server = store.servers.get(channel.server!);
+        const server = channel.server;
         const a = server?.roles ?? {};
         for (const b of Object.keys(a)) {
             roles[b] = {
@@ -105,7 +101,7 @@ export default observer(({ channel }: Props) => {
             <Button
                 contrast
                 onClick={() => {
-                    client.channels.setPermissions(channel._id, selected, p);
+                    channel.setPermissions(selected, p);
                 }}>
                 click here to save permissions for role
             </Button>