From 33c36990e2d244fd11053236ed38fc760c082fd7 Mon Sep 17 00:00:00 2001
From: kts of kettek <kts@kettek.net>
Date: Sat, 24 Feb 2024 12:38:21 -0800
Subject: [PATCH] Adjust reactive canvas creation to only work if open

---
 frontend/src/sections/New.svelte | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/src/sections/New.svelte b/frontend/src/sections/New.svelte
index 163477e..166103e 100644
--- a/frontend/src/sections/New.svelte
+++ b/frontend/src/sections/New.svelte
@@ -19,15 +19,17 @@
   export let open: boolean = false
 
   $: {
-    canvas = new Canvas(width, height)
-    canvas.addNewPaletteColor(0, 0, 0, 0)
+    if (open) {
+      canvas = new Canvas(width, height)
+      canvas.addNewPaletteColor(0, 0, 0, 0)
+      canvas.isIndexed = indexed
+      file = data.StackistFileV1.createFrom({
+        width: width,
+        height: height,
+        groups: {}
+      })
+    }
   }
-  $: canvas.isIndexed = indexed
-  $: file = data.StackistFileV1.createFrom({
-    width: width,
-    height: height,
-    groups: {}
-  })
 
   onMount(() => {
     canvas = new Canvas(width, height)