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 e122b08..404e48e 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 1b37235..a80c07c 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 7f518a6..ba25ba0 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;
--
GitLab