chore: refactor permission checks

src/components/common/messaging/MessageBox.tsx

@@ -151,7 +151,7 @@ export default observer(({ channel }: Props) => {
 
     const renderer = getRenderer(channel);
 
-    if (!(channel.permission & Permission.SendMessage)) {
+    if (!channel.havePermission("SendMessage")) {
         return (
             <Base>
                 <Blocked>
@@ -479,7 +479,7 @@ export default observer(({ channel }: Props) => {
                 setReplies={setReplies}
             />
             <Base>
-                {channel.permission & Permission.UploadFiles ? (
+                {channel.havePermission("UploadFiles") ? (
                     <FileAction>
                         <FileUploader
                             size={24}

src/components/common/messaging/bars/MessageOverlayBar.tsx

@@ -131,7 +131,7 @@ export const MessageOverlayBar = observer(({ message, queued }: Props) => {
             )}
             {isAuthor ||
             (message.channel &&
-                message.channel.permission & Permission.ManageMessages) ? (
+                message.channel.havePermission("ManageMessages")) ? (
                 <Tooltip content="Delete">
                     <Entry
                         onClick={(e) =>

src/pages/invite/InviteBot.tsx

@@ -70,10 +70,7 @@ export default function InviteBot() {
                             onChange={(e) => setServer(e.currentTarget.value)}>
                             <option value="none">Select a server</option>
                             {[...client.servers.values()]
-                                .filter(
-                                    (x) =>
-                                        x.permission & Permission.ManageServer,
-                                )
+                                .filter((x) => x.havePermission("ManageServer"))
                                 .map((server) => (
                                     <option value={server._id} key={server._id}>
                                         {server.name}