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

chore(react/collections/board): minor flicker when renaming note

Browse Source
This commit is contained in:
Elian Doran 2025-09-11 22:44:17 +03:00
parent d67018b6d7
commit c96a65b21d
No known key found for this signature in database
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/client/src/widgets/collections/board/card.tsx
View File

@ -1,4 +1,4 @@
import { useCallback, useContext, useEffect, useRef } from "preact/hooks"; import { useCallback, useContext, useEffect, useRef, useState } from "preact/hooks";
import FBranch from "../../../entities/fbranch"; import FBranch from "../../../entities/fbranch";
import FNote from "../../../entities/fnote"; import FNote from "../../../entities/fnote";
import BoardApi from "./api"; import BoardApi from "./api";
@ -28,6 +28,7 @@ export default function Card({
const isEditing = branch.branchId === branchIdToEdit; const isEditing = branch.branchId === branchIdToEdit;
const colorClass = note.getColorClass() || ''; const colorClass = note.getColorClass() || '';
const editorRef = useRef<HTMLInputElement>(null); const editorRef = useRef<HTMLInputElement>(null);
const [ title, setTitle ] = useState(note.title);
const handleDragStart = useCallback((e: DragEvent) => { const handleDragStart = useCallback((e: DragEvent) => {
e.dataTransfer!.effectAllowed = 'move'; e.dataTransfer!.effectAllowed = 'move';
@ -62,7 +63,7 @@ export default function Card({
<span class={`icon ${note.getIcon()}`} /> <span class={`icon ${note.getIcon()}`} />
{!isEditing ? ( {!isEditing ? (
<> <>
<span className="title">{note.title}</span> <span className="title">{title}</span>
<span <span
className="edit-icon icon bx bx-edit-alt" className="edit-icon icon bx bx-edit-alt"
title={t("board_view.edit-note-title")} title={t("board_view.edit-note-title")}
@ -72,7 +73,10 @@ export default function Card({
) : ( ) : (
<TitleEditor <TitleEditor
currentValue={note.title} currentValue={note.title}
save={newTitle => api.renameCard(note.noteId, newTitle)} save={newTitle => {
api.renameCard(note.noteId, newTitle);
setTitle(newTitle);
}}
dismiss={() => api.dismissEditingTitle()} dismiss={() => api.dismissEditingTitle()}
/> />
)} )}