From 6b3ec81f635816b8e74f0a74550cd7749fb8db44 Mon Sep 17 00:00:00 2001
From: Dakshesh Jain <65905942+dakshesh14@users.noreply.github.com>
Date: Sun, 8 Dec 2024 01:10:59 +0530
Subject: [PATCH] fix: fallback to defaultIcon when value is undefined (#7294)

Signed-off-by: Dakshesh Jain <dakshesh.jain14@gmail.com>
---
 .../src/components/DocumentIcon.svelte                 | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/plugins/document-resources/src/components/DocumentIcon.svelte b/plugins/document-resources/src/components/DocumentIcon.svelte
index 2d49ce9c84..1683cb80ed 100644
--- a/plugins/document-resources/src/components/DocumentIcon.svelte
+++ b/plugins/document-resources/src/components/DocumentIcon.svelte
@@ -20,7 +20,7 @@
 
   import { ComponentType } from 'svelte'
 
-  export let value: IconProps
+  export let value: IconProps | undefined
   export let size: IconSize
   export let iconWithEmoji: AnySvelteComponent | Asset | ComponentType | undefined = view.ids.IconWithEmoji
   export let defaultIcon: AnySvelteComponent | Asset | ComponentType = document.icon.Document
@@ -28,10 +28,10 @@
 
 <Icon
   {size}
-  icon={value.icon === iconWithEmoji && iconWithEmoji ? IconWithEmoji : value.icon ?? defaultIcon}
-  iconProps={value.icon === iconWithEmoji && iconWithEmoji
-    ? { icon: value.color }
+  icon={value?.icon === iconWithEmoji && iconWithEmoji ? IconWithEmoji : value?.icon ?? defaultIcon}
+  iconProps={value?.icon === iconWithEmoji && iconWithEmoji
+    ? { icon: value?.color }
     : {
-        fill: value.color !== undefined ? getPlatformColorDef(value.color, $themeStore.dark).icon : 'currentColor'
+        fill: value?.color !== undefined ? getPlatformColorDef(value?.color, $themeStore.dark).icon : 'currentColor'
       }}
 />