Add queued messages back.

Fix various code issues.
i18n invite menu.

src/components/common/AutoComplete.tsx

@@ -105,7 +105,7 @@ export function useAutoComplete(
             const regex = new RegExp(search, "i");
 
             if (type === "emoji") {
-                // ! FIXME: we should convert it to a Binary Search Tree and use that
+                // ! TODO: we should convert it to a Binary Search Tree and use that
                 const matches = Object.keys(emojiDictionary)
                     .filter((emoji: string) => emoji.match(regex))
                     .splice(0, 5);

src/components/common/ChannelIcon.tsx

@@ -50,7 +50,7 @@ export default observer(
         }
 
         return (
-            // ! fixme: replace fallback with <picture /> + <source />
+            // ! TODO: replace fallback with <picture /> + <source />
             <ImageIconBase
                 {...imgProps}
                 width={size}

src/components/common/messaging/Message.tsx

@@ -54,19 +54,19 @@ const Message = observer(
         const head =
             preferHead || (message.reply_ids && message.reply_ids.length > 0);
 
-        // ! FIXME: tell fatal to make this type generic
+        // ! TODO: tell fatal to make this type generic
         // bree: Fatal please...
         const userContext = attachContext
             ? (attachContextMenu("Menu", {
-                  user: message.author,
-                  contextualChannel: message.channel,
+                  user: message.author_id,
+                  contextualChannel: message.channel_id,
               }) as any)
             : undefined;
 
         const openProfile = () =>
             openScreen({ id: "profile", user_id: message.author_id });
 
-        // ! FIXME: animate on hover
+        // ! FIXME(?): animate on hover
         const [animate, setAnimate] = useState(false);
 
         return (
@@ -96,7 +96,7 @@ const Message = observer(
                         attachContext
                             ? attachContextMenu("Menu", {
                                   message,
-                                  contextualChannel: message.channel,
+                                  contextualChannel: message.channel_id,
                                   queued,
                               })
                             : undefined

src/components/common/messaging/MessageBox.tsx

@@ -191,8 +191,7 @@ export default function MessageBox({ channel }: Props) {
         playSound("outbound");
 
         const nonce = ulid();
-        // ! FIXME: queued
-        /*dispatch({
+        dispatch({
             type: "QUEUE_ADD",
             nonce,
             channel: channel._id,
@@ -204,7 +203,7 @@ export default function MessageBox({ channel }: Props) {
                 content,
                 replies,
             },
-        });*/
+        });
 
         defer(() =>
             SingletonMessageRenderer.jumpToBottom(

src/components/navigation/items/ButtonItem.tsx

@@ -136,7 +136,7 @@ export const ChannelButton = observer((props: ChannelProps) => {
             {...divProps}
             data-active={active}
             data-alert={typeof alert === "string"}
-            aria-label={{}} /*FIXME: ADD ARIA LABEL*/
+            aria-label={channel.name}
             className={classNames(styles.item, { [styles.compact]: compact })}
             onContextMenu={attachContextMenu("Menu", {
                 channel: channel._id,

src/components/ui/Modal.tsx

@@ -190,7 +190,7 @@ export default function Modal(props: Props) {
     useEffect(() => {
         if (!confirmationAction) return;
 
-        // ! FIXME: this may be done better if we
+        // ! TODO: this may be done better if we
         // ! can focus the button although that
         // ! doesn't seem to work...
         function keyDown(e: KeyboardEvent) {