From e27f1bf9d6d24866d437c5b677db5532c7be5ba9 Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Mon, 28 Jun 2021 11:12:19 +0200
Subject: [PATCH] Small fixes

---
 src/components/common/messaging/MessageBox.tsx |  6 +++++-
 src/pages/settings/server/Invites.tsx          |  7 +++++++
 src/pages/settings/server/Panes.module.scss    | 11 ++++++++++-
 3 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/components/common/messaging/MessageBox.tsx b/src/components/common/messaging/MessageBox.tsx
index e122b089..404e48e1 100644
--- a/src/components/common/messaging/MessageBox.tsx
+++ b/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>
diff --git a/src/pages/settings/server/Invites.tsx b/src/pages/settings/server/Invites.tsx
index 1b372357..a80c07c3 100644
--- a/src/pages/settings/server/Invites.tsx
+++ b/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(
diff --git a/src/pages/settings/server/Panes.module.scss b/src/pages/settings/server/Panes.module.scss
index 7f518a68..ba25ba08 100644
--- a/src/pages/settings/server/Panes.module.scss
+++ b/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;