Small fixes

src/components/common/messaging/MessageBox.tsx

@@ -1,5 +1,6 @@
 import { ulid } from "ulid";
 import { Text } from "preact-i18n";
+import Tooltip from "../Tooltip";
 import { Channel } from "revolt.js";
 import styled from "styled-components";
 import { defer } from "../../../lib/defer";
@@ -28,6 +29,7 @@ import { ShieldX } from "@styled-icons/boxicons-regular";
 
 import ReplyBar from "./bars/ReplyBar";
 import FilePreview from './bars/FilePreview';
+import { Styleshare } from "@styled-icons/simple-icons";
 
 type Props = WithDispatcher & {
     channel: Channel;
@@ -88,7 +90,9 @@ function MessageBox({ channel, draft, dispatcher }: Props) {
         return (
             <Base>
                 <Blocked>
-                    <ShieldX size={22}/>
+                    <Tooltip content={<div>Permissions Required<div>Send messages</div></div>} placement="top">
+                        <ShieldX size={22}/>
+                    </Tooltip>
                     <Text id="app.main.channel.misc.no_sending" />
                 </Blocked>
             </Base>

src/pages/settings/server/Invites.tsx

@@ -1,3 +1,4 @@
+import { Text } from "preact-i18n";
 import styles from './Panes.module.scss';
 import { XCircle } from "@styled-icons/boxicons-regular";
 import { useEffect, useState } from "preact/hooks";
@@ -27,6 +28,12 @@ export function Invites({ server }: Props) {
 
     return (
         <div className={styles.invites}>
+            <div className={styles.subtitle}>
+                <span>Invite Code</span>
+                <span>Invitor</span>
+                <span>Channel</span>
+                <span>Revoke</span>
+            </div>
             { typeof invites === 'undefined' && <Preloader type="ring" /> }
             {
                 invites?.map(

src/pages/settings/server/Panes.module.scss

@@ -18,9 +18,18 @@
     display: flex;
     flex-direction: column;
 
+    .subtitle {
+        display: flex;
+        justify-content: space-between;
+        font-size: 13px;
+        text-transform: uppercase;
+        color: var(--secondary-foreground);
+        font-weight: 700;
+    }
+
     .invite {
         gap: 8px;
-        padding: 8px;
+        padding: 10px;
         display: flex;
         align-items: center;
         flex-direction: row;