titor/drawDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix undo for unchanged note content

Browse Source
This commit is contained in:
1ilit 2024-01-22 17:56:57 +02:00
parent 9f508bc977
commit 3efbb0de2a
1 changed files with 2 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/Note.jsx
View File

@ -17,7 +17,6 @@ import {
export default function Note(props) { export default function Note(props) {
const [editField, setEditField] = useState({}); const [editField, setEditField] = useState({});
const [hovered, setHovered] = useState(false); const [hovered, setHovered] = useState(false);
const [saved, setSaved] = useState(false);
const w = 180; const w = 180;
const r = 3; const r = 3;
const fold = 24; const fold = 24;
@ -108,7 +107,7 @@ export default function Note(props) {
}) })
} }
onBlur={(e) => { onBlur={(e) => {
if (e.target.value === editField.name) return; if (e.target.value === editField.content) return;
const textarea = document.getElementById(`note_${props.data.id}`); const textarea = document.getElementById(`note_${props.data.id}`);
textarea.style.height = "0"; textarea.style.height = "0";
textarea.style.height = textarea.scrollHeight + "px"; textarea.style.height = textarea.scrollHeight + "px";
@ -162,7 +161,6 @@ export default function Note(props) {
} }
onFocus={(e) => setEditField({ title: e.target.value })} onFocus={(e) => setEditField({ title: e.target.value })}
onBlur={(e) => { onBlur={(e) => {
setSaved(true);
if (e.target.value === editField.title) return; if (e.target.value === editField.title) return;
setUndoStack((prev) => [ setUndoStack((prev) => [
...prev, ...prev,
@ -172,7 +170,7 @@ export default function Note(props) {
nid: props.data.id, nid: props.data.id,
undo: editField, undo: editField,
redo: { title: e.target.value }, redo: { title: e.target.value },
message: `Edit note title to "${e.target.name}"`, message: `Edit note title to "${e.target.value}"`,
}, },
]); ]);
setRedoStack([]); setRedoStack([]);
@ -238,30 +236,6 @@ export default function Note(props) {
> >
Delete Delete
</Button> </Button>
<Button
block
style={{ marginLeft: "8px" }}
onClick={() => {
if (!saved) {
if (props.data.name === editField.name) return;
setUndoStack((prev) => [
...prev,
{
action: Action.EDIT,
element: ObjectType.NOTE,
aid: props.data.id,
undo: editField,
redo: { title: props.data.title },
message: `Edit note title to "${props.data.title}"`,
},
]);
setRedoStack([]);
setSaved(false);
}
}}
>
Save
</Button>
</div> </div>
</div> </div>
} }