diff --git a/client/js/canvas.js b/client/js/canvas.js index 8e30a9f..ba082b0 100644 --- a/client/js/canvas.js +++ b/client/js/canvas.js @@ -57,8 +57,8 @@ const textCache = {}; let textCacheWidth; let textCacheDpr; -export const setupCanvas = (data) => { - canvasState.offsetX = (window.innerWidth / dpr) > 600 ? 120 : 60, +export const setupCanvas = (data, isUpdate) => { + if (!isUpdate) canvasState.offsetX = (window.innerWidth / dpr) > 600 ? 120 : 60; canvas = document.getElementById('canvas'); ctx = canvas.getContext('2d'); canvasState.journeys = Object.keys(data.journeys).sort((a, b) => Number(a) - Number(b)).map(k => data.journeys[k]); diff --git a/client/js/journeysView.js b/client/js/journeysView.js index ef3044d..01d67b6 100644 --- a/client/js/journeysView.js +++ b/client/js/journeysView.js @@ -93,7 +93,7 @@ const journeyOverviewTemplate = (data, key) => { `; } -export const journeysView = async (match) => { +export const journeysView = async (match, isUpdate) => { const reqId = match[0]; data = getCache('journeys', reqId); @@ -106,7 +106,7 @@ export const journeysView = async (match) => { render(journeysTemplate(data), ElementById('content')) if (dataStorage.settings.journeysViewMode === 'canvas') { - setupCanvas(data); + setupCanvas(data, isUpdate); } }; @@ -144,5 +144,5 @@ export const moreJourneys = async (reqId, mode) => { data.journeys = {...data.journeys, ...newData.journeys}; addCache('journeys', data); - journeysView([reqId]); + journeysView([reqId], true); };