From e17e556ee6eedc9072b1a3807dfb817e2063a879 Mon Sep 17 00:00:00 2001
From: Paul Makles <me@insrt.uk>
Date: Tue, 14 Mar 2023 21:57:47 +0000
Subject: [PATCH] chore: add notice to emoji menu

---
 src/pages/settings/server/Emojis.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/pages/settings/server/Emojis.tsx b/src/pages/settings/server/Emojis.tsx
index 0dd3cf1d..ebeb7756 100644
--- a/src/pages/settings/server/Emojis.tsx
+++ b/src/pages/settings/server/Emojis.tsx
@@ -4,7 +4,7 @@ import styled from "styled-components";
 
 import { Text } from "preact-i18n";
 
-import { Button, Column, Row, Stacked } from "@revoltchat/ui";
+import { Button, Column, Row, Stacked, Tip } from "@revoltchat/ui";
 
 import UserShort from "../../../components/common/user/UserShort";
 import { EmojiUploader } from "../../../components/settings/customisation/EmojiUploader";
@@ -33,6 +33,22 @@ export const Emojis = observer(({ server }: Props) => {
 
     return (
         <Column>
+            <Tip palette="warning">
+                <span>
+                    This UI was never finished and will be polished in the{" "}
+                    <a
+                        style={{ color: "inherit", fontWeight: "600" }}
+                        href="https://github.com/revoltchat/frontend/issues/14"
+                        target="_blank"
+                        rel="noreferrer">
+                        new client
+                    </a>
+                    .<br />
+                    <br />
+                    Also please note that emoji names must be lowercase
+                    alphanumeric!
+                </span>
+            </Tip>
             {server.havePermission("ManageCustomisation") && (
                 <EmojiUploader server={server} />
             )}