f

mattsrobot · Jan 12, 2024 · 3bf98e1 · 3bf98e1
1 parent 5eb9ec5
commit 3bf98e1
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/app/components/channel-replybox.jsx b/app/components/channel-replybox.jsx
@@ -209,12 +209,12 @@ export default function ChannelReplybox(props) {
                     disabled={!canMessage}
                     value={text}
                     placeholder='Write something...'
-                    onKeyUp={(e) => {
+                    onKeyDown={(e) => {
                         if (e.key === "Enter") {
-                            e.preventDefault();
                             if (e.shiftKey) {
                                 setRows((v) => Math.min(v + 1, 8));
                             } else {
+                                e.preventDefault();
                                 handleCreateMessage();
                             }
                         }

diff --git a/app/components/community-menu.jsx b/app/components/community-menu.jsx
@@ -1,6 +1,6 @@
 import { Text, Flex, Box, IconButton, Dialog, Strong, Avatar, Popover, ContextMenu, Button, TextField } from '@radix-ui/themes';
 import { PlusIcon, GearIcon, ChevronDownIcon, ChevronRightIcon } from '@radix-ui/react-icons';
-import { useLoaderData, Link, NavLink, useSubmit } from "@remix-run/react";
+import { useLoaderData, Link, NavLink, useSubmit, PrefetchPageLinks } from "@remix-run/react";
 import * as Collapsible from '@radix-ui/react-collapsible';
 import { useCallback, useState } from 'react';
 import CreateChannelDialog from './create-channel-dialog.jsx';
@@ -86,6 +86,9 @@ function TopChannels(props) {
                     <ConfirmDeleteChannelDialog channel={channel} community={community} closeDialog={() => setDeleteChannelOpen(false)} />
                 </Dialog.Root>
             </>
+            <>
+                {!!channels && channels.map((c) => <PrefetchPageLinks page={`/c/${community.handle}/${c.handle}`} />)}
+            </>
             <Flex direction="column" gap="2" p="0">
                 {!!channels && channels.map((channel) => {
                     const ur = channel.unread_count > 0;

diff --git a/app/components/styles.channel-message.css b/app/components/styles.channel-message.css
@@ -44,6 +44,7 @@
 }
 
 .wk-emojis {
+    z-index: 100;
     border: 1px solid var(--gray-a3);
     background-color: var(--mauve-a3);
     -webkit-backdrop-filter: blur(8px);