gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-20 15:19:01 +02:00
Code Issues Actions 19 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 FNote from "../../../entities/fnote";
import BoardApi from "./api";
@ -28,6 +28,7 @@ export default function Card({
const isEditing = branch.branchId === branchIdToEdit;
const colorClass = note.getColorClass() || '';
const editorRef = useRef<HTMLInputElement>(null);
const [ title, setTitle ] = useState(note.title);
const handleDragStart = useCallback((e: DragEvent) => {
e.dataTransfer!.effectAllowed = 'move';
@ -62,7 +63,7 @@ export default function Card({
<span class={`icon ${note.getIcon()}`} />
{!isEditing ? (
<>
<span className="title">{note.title}</span>
<span className="title">{title}</span>
<span
className="edit-icon icon bx bx-edit-alt"
title={t("board_view.edit-note-title")}
@ -72,7 +73,10 @@ export default function Card({
) : (
<TitleEditor
currentValue={note.title}
save={newTitle => api.renameCard(note.noteId, newTitle)}
save={newTitle => {
api.renameCard(note.noteId, newTitle);
setTitle(newTitle);
}}
dismiss={() => api.dismissEditingTitle()}
/>
)}