Preload map images once

1 files changed, 19 insertions, 0 deletions

diff --git a/modern/src/map/core/preloadImages.js b/modern/src/map/core/preloadImages.js
new file mode 100644
index 00000000..e0796e1f
--- /dev/null
+++ b/modern/src/map/core/preloadImages.js
@@ -0,0 +1,19 @@
+import palette from '../../common/theme/palette';
+import deviceCategories from '../../common/util/deviceCategories';
+import { loadImage, prepareIcon } from './mapUtil';
+
+export const mapImages = {};
+
+export default async () => {
+  const background = await loadImage('images/background.svg');
+  mapImages.background = await prepareIcon(background);
+  await Promise.all(deviceCategories.map(async (category) => {
+    const results = [];
+    ['positive', 'negative', 'neutral'].forEach((color) => {
+      results.push(loadImage(`images/icon/${category}.svg`).then((icon) => {
+        mapImages[`${category}-${color}`] = prepareIcon(background, icon, palette.colors[color]);
+      }));
+    });
+    await Promise.all(results);
+  }));
+};