gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-28 18:18:55 +01:00
Code Issues Actions 16 Packages Projects Releases Wiki Activity

chore(react/collections): highlighting in grid title

Browse Source
This commit is contained in:
Elian Doran 2025-08-30 19:07:06 +03:00
parent 1cee01a22a
commit d52f9f2a92
No known key found for this signature in database
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/client/src/widgets/collections/legacy/ListView.tsx
View File

@ -87,11 +87,14 @@ function GridNoteCard({ note, parentNote, highlightedTokens }: { note: FNote, pa
const titleRef = useRef<HTMLSpanElement>(null);
const [ noteTitle, setNoteTitle ] = useState<string>();
const notePath = getNotePath(parentNote, note);
const highlightSearch = useImperativeSearchHighlighlighting(highlightedTokens);
useEffect(() => {
tree.getNoteTitle(note.noteId, parentNote.noteId).then(setNoteTitle);
}, [ note ]);
useEffect(() => highlightSearch(titleRef.current), [ noteTitle, highlightedTokens ]);
return (
<div
className={`note-book-card no-tooltip-preview block-link`}

2
apps/client/src/widgets/react/hooks.tsx
View File

@ -558,7 +558,7 @@ export function useImperativeSearchHighlighlighting(highlightedTokens: string[]
return new RegExp(regex, "gi")
}, [ highlightedTokens ]);
return (el: HTMLElement) => {
return (el: HTMLElement | null | undefined) => {
if (!el || !highlightRegex) return;
if (!mark.current) {