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

fix(react/type_widgets): unable to add new items if the map is empty

Browse Source
This commit is contained in:
Elian Doran 2025-10-03 10:11:21 +03:00
parent 838d761b50
commit 2d67aab288
No known key found for this signature in database
1 changed files with 24 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
apps/client/src/widgets/type_widgets/relation_map/RelationMap.tsx
View File

@ -44,33 +44,39 @@ export default function RelationMap({ note, ntxId }: TypeWidgetProps) {
};
},
onContentChange(content) {
let newData: MapData | null = null;
if (content) {
try {
const data = JSON.parse(content);
setData(data);
mapApiRef.current = new RelationMapApi(note, data, (newData, refreshUi) => {
if (refreshUi) {
setData(newData);
}
spacedUpdate.scheduleUpdate();
});
return;
} catch (e) {
console.log("Could not parse content: ", e);
}
}
setData({
notes: [],
// it is important to have this exact value here so that initial transform is the same as this
// which will guarantee note won't be saved on first conversion to the relation map note type
// this keeps the principle that note type change doesn't destroy note content unless user
// does some actual change
transform: {
x: 0,
y: 0,
scale: 1
if (!newData) {
newData = {
notes: [],
// it is important to have this exact value here so that initial transform is the same as this
// which will guarantee note won't be saved on first conversion to the relation map note type
// this keeps the principle that note type change doesn't destroy note content unless user
// does some actual change
transform: {
x: 0,
y: 0,
scale: 1
}
};
}
setData(newData);
mapApiRef.current = new RelationMapApi(note, newData, (newData, refreshUi) => {
if (refreshUi) {
setData(newData);
}
spacedUpdate.scheduleUpdate();
});
},
dataSaved() {
@ -285,7 +291,7 @@ function useNoteCreation({ ntxId, note, containerRef, mapApiRef }: {
});
const onClickHandler = useCallback((e: MouseEvent) => {
const clipboard = clipboardRef.current;
if (clipboard && containerRef.current) {
if (clipboard && containerRef.current && mapApiRef.current) {
const zoom = getZoom(containerRef.current);
let { x, y } = getMousePosition(e, containerRef.current, zoom);
@ -293,7 +299,7 @@ function useNoteCreation({ ntxId, note, containerRef, mapApiRef }: {
x -= 80;
y -= 15;
mapApiRef.current?.createItem({ noteId: clipboard.noteId, x, y });
mapApiRef.current.createItem({ noteId: clipboard.noteId, x, y });
clipboardRef.current = null;
}
}, []);