From 6a47efc164d4ab098b1a8ead9da1500a174a7d7f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Fri, 21 Nov 2025 17:53:59 +0100
Subject: [PATCH] fix: resolve TypeScript errors in mini-map and
 layer-effects-panel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add null check for layer.canvas before drawing in mini-map
- Change JSX.Element to React.ReactElement in layer-effects-panel
- Fixes deployment build errors

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/canvas/mini-map.tsx            | 3 ++-
 components/layers/layer-effects-panel.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/canvas/mini-map.tsx b/components/canvas/mini-map.tsx
index 6a8c9ad..a1ed61b 100644
--- a/components/canvas/mini-map.tsx
+++ b/components/canvas/mini-map.tsx
@@ -64,9 +64,10 @@ export function MiniMap() {
     ctx.scale(scale, scale);
 
     layers
-      .filter((layer) => layer.visible)
+      .filter((layer) => layer.visible && layer.canvas)
       .sort((a, b) => a.order - b.order) // Bottom to top
       .forEach((layer) => {
+        if (!layer.canvas) return;
         ctx.globalAlpha = layer.opacity;
         ctx.drawImage(layer.canvas, layer.x, layer.y);
       });
diff --git a/components/layers/layer-effects-panel.tsx b/components/layers/layer-effects-panel.tsx
index aaaa069..e425fbd 100644
--- a/components/layers/layer-effects-panel.tsx
+++ b/components/layers/layer-effects-panel.tsx
@@ -34,7 +34,7 @@ const EFFECT_NAMES: Record<EffectType, string> = {
   satin: 'Satin',
 };
 
-const EFFECT_ICONS: Record<EffectType, JSX.Element> = {
+const EFFECT_ICONS: Record<EffectType, React.ReactElement> = {
   dropShadow: <Sparkles className="h-3 w-3" />,
   innerShadow: <Sparkles className="h-3 w-3" />,
   outerGlow: <Sparkles className="h-3 w-3" />,