Fix dynamic diagram when mode changes

uqbar-project · Oct 14, 2024 · f90d46c · f90d46c
1 parent fe2b904
commit f90d46c
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/dynamicDiagram/diagram-index.ts b/src/dynamicDiagram/diagram-index.ts
@@ -181,15 +181,21 @@ function readyForLayoutElems(elements) {
   )
 }
 
+function recreateDiagram(currentElements) {
+  changeElementsMode()
+  cy.elements().remove()
+  cy.add(currentElements)
+  updateLayout()
+}
+
 function modeChanged() {
   const toggleMode = getInputElement('toggle-mode')
   const newTitle = toggleMode.checked ? 'Dark mode ON' : 'Light Mode ON'
   toggleMode.setAttribute('title', newTitle)
 
   // @ts-expect-error it works and we need it
   document.getElementById('main').style = `background-color: ${backgroundColor()}`
-  cy.elements().remove()
-  reloadDiagram(currentElements)
+  recreateDiagram([...currentElements])
 }
 
 function backgroundColor() {