Function QuickNotesView

packages/app-core/src/components/QuickNotesView.tsx:26–294

()

}

export function QuickNotesView(): JSX.Element {
  const notes = useStore((s) => s.notes)
  const selectNote = useStore((s) => s.selectNote)
  const closeActiveNote = useStore((s) => s.closeActiveNote)
  const createAndOpen = useStore((s) => s.createAndOpen)
  const quickNoteDateTitle = useStore((s) => s.quickNoteDateTitle)
  const quickNoteTitlePrefix = useStore((s) => s.quickNoteTitlePrefix)
  const keymapOverrides = useStore((s) => s.keymapOverrides)
  const vimMode = useStore((s) => s.vimMode)
  const setFocusedPanel = useStore((s) => s.setFocusedPanel)
  const systemFolderLabels = useStore((s) => s.systemFolderLabels)
  const amActive = useStore(isQuickNotesViewActive)
  const quickLabel = getSystemFolderLabel('quick', systemFolderLabels)

  const [filter, setFilter] = useState('')
  const [cursorIndex, setCursorIndex] = useState(0)
  const filterRef = useRef<HTMLInputElement>(null)
  const rootRef = useRef<HTMLDivElement>(null)
  const gPending = useRef(0)
  const gTimer = useRef<ReturnType<typeof setTimeout>>()

  const quickNotes = useMemo(
    () =>
      notes
        .filter((note) => note.folder === 'quick')
        .sort((a, b) => b.updatedAt - a.updatedAt),
    [notes]
  )

  const filtered = useMemo(() => {
    const q = filter.trim().toLowerCase()
    if (!q) return quickNotes
    return quickNotes.filter(
      (note) =>
        note.title.toLowerCase().includes(q) ||
        note.excerpt.toLowerCase().includes(q) ||
        note.path.toLowerCase().includes(q)
    )
  }, [quickNotes, filter])

  const safeCursor = Math.min(cursorIndex, Math.max(0, filtered.length - 1))
  const current = filtered[safeCursor] ?? null

  useEffect(() => {
    if (safeCursor !== cursorIndex) setCursorIndex(safeCursor)
  }, [cursorIndex, safeCursor])

  useEffect(() => {
    if (!current) return
    const el = rootRef.current?.querySelector<HTMLElement>(
      `[data-quick-row="${cssEscape(current.path)}"]`
    )
    el?.scrollIntoView({ block: 'nearest' })
  }, [current])

  const openNote = useCallback(
    async (path: string) => {
      await selectNote(path)