From bc2af672afa7d17daf17ed9caf6add7ab5ef74bd Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Tue, 21 Nov 2023 14:37:23 +0100
Subject: [PATCH] fix evalClass crash

---
 .../components/apps/components/helpers/ResolveStyle.svelte    | 2 +-
 .../components/apps/editor/componentsPanel/CssProperty.svelte | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/helpers/ResolveStyle.svelte b/frontend/src/lib/components/apps/components/helpers/ResolveStyle.svelte
index d1dccb3633..2e92782290 100644
--- a/frontend/src/lib/components/apps/components/helpers/ResolveStyle.svelte
+++ b/frontend/src/lib/components/apps/components/helpers/ResolveStyle.svelte
@@ -51,7 +51,7 @@
 
 {#if customCss}
 	{@const property = customCss[key]}
-	{#if property.evalClass}
+	{#if property?.evalClass}
 		<InputValue
 			key={key + extraKey + 'css'}
 			{id}
diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
index 5a4a61d396..b57a3092a1 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
@@ -45,7 +45,7 @@
 		}
 	}
 
-	let dynamicClass: boolean = value.evalClass !== undefined
+	let dynamicClass: boolean = value?.evalClass !== undefined
 </script>
 
 <div class=" border-b flex justify-between items-center p-2 text-xs leading-6 font-bold">
@@ -207,7 +207,7 @@
 			}}
 		/>
 
-		{#if value.evalClass && dynamicClass}
+		{#if value?.evalClass && dynamicClass}
 			<CssEval bind:evalClass={value.evalClass} />
 		{/if}
 	</div>