Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 10:26:08 +01:00
Code Issues Packages Projects Releases Activity

fix(react/collections/geomap): react to icon & color changes

Browse Source
This commit is contained in:
Elian Doran
2025-09-13 15:16:58 +03:00
parent 3128f2dace
commit dc854cbd10
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/client/src/widgets/collections/geomap/index.tsx
View File

@@ -168,14 +168,14 @@ function NoteWrapper({ note, isReadOnly }: { note: FNote, isReadOnly: boolean })
function NoteMarker({ note, editable, latLng }: { note: FNote, editable: boolean, latLng: [number, number] }) { function NoteMarker({ note, editable, latLng }: { note: FNote, editable: boolean, latLng: [number, number] }) {
// React to changes // React to changes
useNoteLabel(note, "color"); const [ color ] = useNoteLabel(note, "color");
useNoteLabel(note, "iconClass"); const [ iconClass ] = useNoteLabel(note, "iconClass");
const [ archived ] = useNoteLabelBoolean(note, "archived"); const [ archived ] = useNoteLabelBoolean(note, "archived");
const title = useNoteProperty(note, "title"); const title = useNoteProperty(note, "title");
const colorClass = note.getColorClass(); const icon = useMemo(() => {
const iconClass = note.getIcon(); return buildIcon(note.getIcon(), note.getColorClass() ?? undefined, title, note.noteId, archived);
const icon = useMemo(() => buildIcon(iconClass, colorClass ?? undefined, title, note.noteId, archived), [ iconClass, colorClass, title, note.noteId, archived]); }, [ iconClass, color, title, note.noteId, archived]);
const onClick = useCallback(() => { const onClick = useCallback(() => {
appContext.triggerCommand("openInPopup", { noteIdOrPath: note.noteId }); appContext.triggerCommand("openInPopup", { noteIdOrPath: note.noteId });

2
apps/client/src/widgets/collections/geomap/marker.tsx
View File

@@ -50,7 +50,7 @@ export default function Marker({ coordinates, icon, draggable, onClick, onDragge
newMarker.addTo(parentMap); newMarker.addTo(parentMap);
return () => newMarker.removeFrom(parentMap); return () => newMarker.removeFrom(parentMap);
}, [ parentMap, coordinates, onMouseDown, onDragged ]); }, [ parentMap, coordinates, onMouseDown, onDragged, icon ]);
return (<div />) return (<div />)
} }