@cyber-harbour/ui 1.0.26 → 1.0.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyber-harbour/ui",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",

package/src/Graph2D/Graph2D.tsx

@@ -241,7 +241,11 @@ export const Graph2D = ({
       // Вибір іконки в залежності від стану наведення для верхньої кнопки (сховати)
       const crossIcon = hoverTopButton ? imgCrossLightHoverIcon : imgCrossLightIcon;
       const renderCrossIcon = () => {
-        ctx.drawImage(crossIcon, x - iconSize / 2, y - (buttonRadius * 2) / 4 - iconSize - 1, iconSize, iconSize);
+        try {
+          ctx.drawImage(crossIcon, x - iconSize / 2, y - (buttonRadius * 2) / 4 - iconSize - 1, iconSize, iconSize);
+        } catch (error) {
+          console.log('Error rendering cross icon:', error);
+        }
       };
       // Використовуємо безпосередньо зображення, якщо воно вже завантажене
       if (crossIcon.complete) {
@@ -252,22 +256,35 @@ export const Graph2D = ({
         crossIcon.onload = () => {
           renderCrossIcon();
         };
+
+        crossIcon.onerror = () => {
+          console.log('Error loading cross icon image');
+        };
       }
 
       // Додаємо іконку ока для кнопки "згорнути дочірні вузли"
       const eyeIcon = hoverBottomButton ? imgEyeLightHoverIcon : imgEyeLightIcon;
       const renderEyeIcon = () => {
-        ctx.drawImage(eyeIcon, x - iconSize / 2, y + (buttonRadius * 2) / 4 + 1, iconSize, iconSize);
+        try {
+          ctx.drawImage(eyeIcon, x - iconSize / 2, y + (buttonRadius * 2) / 4 + 1, iconSize, iconSize);
+        } catch (error) {
+          console.log('Error rendering eye icon:', error);
+        }
       };
       // Використовуємо безпосередньо зображення, якщо воно вже завантажене
       if (eyeIcon.complete) {
         // Розміщуємо іконку в центрі нижньої половини кнопки
+
         renderEyeIcon();
       } else {
         // Якщо зображення ще не завантажене, додаємо обробник завершення завантаження
         eyeIcon.onload = () => {
           renderEyeIcon();
         };
+
+        eyeIcon.onerror = () => {
+          console.log('Error loading eye icon image');
+        };
       }
 
       ctx.restore();