gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-21 15:49:00 +02:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

fix(react/dialogs): jump to note not supporting spaces

Browse Source
This commit is contained in:
Elian Doran 2025-08-10 21:00:38 +03:00
parent adb0e1e844
commit 1ff77a1464
No known key found for this signature in database
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
apps/client/src/widgets/dialogs/jump_to_note.tsx
View File

@ -3,7 +3,7 @@ import Modal from "../react/Modal";
import Button from "../react/Button"; import Button from "../react/Button";
import NoteAutocomplete from "../react/NoteAutocomplete"; import NoteAutocomplete from "../react/NoteAutocomplete";
import { t } from "../../services/i18n"; import { t } from "../../services/i18n";
import { useEffect, useRef, useState } from "preact/hooks"; import { useRef, useState } from "preact/hooks";
import note_autocomplete, { Suggestion } from "../../services/note_autocomplete"; import note_autocomplete, { Suggestion } from "../../services/note_autocomplete";
import appContext from "../../components/app_context"; import appContext from "../../components/app_context";
import commandRegistry from "../../services/command_registry"; import commandRegistry from "../../services/command_registry";
@ -20,7 +20,8 @@ function JumpToNoteDialogComponent() {
const containerRef = useRef<HTMLDivElement>(null); const containerRef = useRef<HTMLDivElement>(null);
const autocompleteRef = useRef<HTMLInputElement>(null); const autocompleteRef = useRef<HTMLInputElement>(null);
const [ isCommandMode, setIsCommandMode ] = useState(mode === "commands"); const [ isCommandMode, setIsCommandMode ] = useState(mode === "commands");
const [ text, setText ] = useState(isCommandMode ? "> " : ""); const [ initialText, setInitialText ] = useState(isCommandMode ? "> " : "");
const actualText = useRef<string>(initialText);
const [ shown, setShown ] = useState(false); const [ shown, setShown ] = useState(false);
async function openDialog(commandMode: boolean) { async function openDialog(commandMode: boolean) {
@ -48,10 +49,6 @@ function JumpToNoteDialogComponent() {
useTriliumEvent("jumpToNote", () => openDialog(false)); useTriliumEvent("jumpToNote", () => openDialog(false));
useTriliumEvent("commandPalette", () => openDialog(true)); useTriliumEvent("commandPalette", () => openDialog(true));
useEffect(() => {
setIsCommandMode(text.startsWith(">"));
}, [ text ]);
async function onItemSelected(suggestion?: Suggestion | null) { async function onItemSelected(suggestion?: Suggestion | null) {
if (!suggestion) { if (!suggestion) {
return; return;
@ -70,7 +67,7 @@ function JumpToNoteDialogComponent() {
switch (mode) { switch (mode) {
case "last-search": case "last-search":
// Fall-through if there is no text, in order to display the recent notes. // Fall-through if there is no text, in order to display the recent notes.
if (text) { if (initialText) {
break; break;
} }
case "recent-notes": case "recent-notes":
@ -94,14 +91,17 @@ function JumpToNoteDialogComponent() {
placeholder={t("jump_to_note.search_placeholder")} placeholder={t("jump_to_note.search_placeholder")}
inputRef={autocompleteRef} inputRef={autocompleteRef}
container={containerRef} container={containerRef}
text={text} text={initialText}
opts={{ opts={{
allowCreatingNotes: true, allowCreatingNotes: true,
hideGoToSelectedNoteButton: true, hideGoToSelectedNoteButton: true,
allowJumpToSearchNotes: true, allowJumpToSearchNotes: true,
isCommandPalette: true isCommandPalette: true
}} }}
onTextChange={setText} onTextChange={(text) => {
actualText.current = text;
setIsCommandMode(text.startsWith(">"));
}}
onChange={onItemSelected} onChange={onItemSelected}
/>} />}
onShown={onShown} onShown={onShown}