Function onKeyUp

apps/web/ui/ChannelView/index.tsx:114–200

(event: KeyboardEvent)

  useKeyboard(
    {
      onKeyUp(event: KeyboardEvent) {
        const element = document.activeElement;
        if (element && element.id) {
          return false;
        }
        if (!currentUser) {
          return false;
        }
        function scrollToBottomThread(threadId: string) {
          const node = document.getElementById(threadId);
          const layout = document.getElementById('sidebar-layout-left');
          const footer = document.getElementById('chat-layout-footer');
          if (node && layout && footer) {
            node.scrollIntoView({ block: 'end' });
            const offset = footer.clientHeight;
            layout.scrollTop = layout.scrollTop + offset;
          }
        }
        function selectPreviousThread() {
          const index = threads.findIndex(
            (thread) => thread.id === currentThreadId
          );
          if (index > 0) {
            const threadId = threads[index - 1].id;
            setCurrentThreadId(threadId);
            scrollToBottomThread(threadId);
          }
        }

        function selectNextThread() {
          const index = threads.findIndex(
            (thread) => thread.id === currentThreadId
          );
          if (index < threads.length - 1) {
            const threadId = threads[index + 1].id;
            setCurrentThreadId(threadId);
            scrollToBottomThread(threadId);
          }
        }

        if (currentThreadId && (event.key === 'ArrowUp' || event.key === 'k')) {
          selectPreviousThread();
        } else if (
          currentThreadId &&
          (event.key === 'ArrowDown' || event.key === 'j')
        ) {
          selectNextThread();
        } else if (
          SHORTCUTS_ENABLED &&
          currentThreadId &&
          event.shiftKey &&
          event.key === 'E'
        ) {
          markUserThreadStatuses(currentThreadId, {
            muted: false,
            read: false,
            reminder: false,
          });