Add shift+click to link to a channel in the textarea

src/components/navigation/left/ServerSidebar.tsx

@@ -22,6 +22,7 @@ import { mapChannelWithUnread, useUnreads } from "./common";
 
 import { ChannelButton } from "../items/ButtonItem";
 import ConnectionStatus from "../items/ConnectionStatus";
+import { internalEmit } from "../../../lib/eventEmitter";
 
 interface Props {
     unreads: Unreads;
@@ -86,6 +87,17 @@ const ServerSidebar = observer((props: Props) => {
 
         return (
             <ConditionalLink
+                onClick={e => {
+                    if (e.shiftKey) {
+                        internalEmit(
+                            "MessageBox",
+                            "append",
+                            `<#${entry._id}>`,
+                            "mention",
+                        );
+                        e.preventDefault()
+                    }
+                }}
                 key={entry._id}
                 active={active}
                 to={`/server/${server!._id}/channel/${entry._id}`}>

src/lib/ConditionalLink.tsx

@@ -9,7 +9,7 @@ export default function ConditionalLink(props: Props) {
     const { active, ...linkProps } = props;
 
     if (active) {
-        return <a>{props.children}</a>;
+        return <a onClick={linkProps.onClick}>{props.children}</a>;
     }
     return <Link {...linkProps} />;
 }