From 6f25c8e5298af5239c77dea41a6df3f18f1cdcb4 Mon Sep 17 00:00:00 2001
From: Ruslan Bayandinov <45530296+wazsone@users.noreply.github.com>
Date: Mon, 26 Jun 2023 12:33:12 +0400
Subject: [PATCH] process undefined (#3458)

Signed-off-by: Ruslan Bayandinov <wazsone@ya.ru>
---
 .../milestones/MilestonePresenter.svelte      | 28 +++++++------
 .../projects/ProjectPresenter.svelte          | 40 ++++++++++---------
 2 files changed, 36 insertions(+), 32 deletions(-)

diff --git a/plugins/tracker-resources/src/components/milestones/MilestonePresenter.svelte b/plugins/tracker-resources/src/components/milestones/MilestonePresenter.svelte
index e9742f2a87..36b561cc6e 100644
--- a/plugins/tracker-resources/src/components/milestones/MilestonePresenter.svelte
+++ b/plugins/tracker-resources/src/components/milestones/MilestonePresenter.svelte
@@ -20,7 +20,7 @@
   import { createEventDispatcher, onMount } from 'svelte'
   import tracker from '../../plugin'
 
-  export let value: WithLookup<Milestone>
+  export let value: WithLookup<Milestone> | undefined
   export let shouldShowAvatar = true
   export let disabled = false
   export let inline = false
@@ -39,15 +39,17 @@
   })
 </script>
 
-<DocNavLink object={value} {disabled} {inline} {accent} noUnderline={disabled} {onClick}>
-  <div class="flex-presenter" class:inline-presenter={inline}>
-    {#if !inline && shouldShowAvatar}
-      <div class="icon">
-        <Icon icon={tracker.icon.Milestone} size="small" />
-      </div>
-    {/if}
-    <span title={value.label} class="overflow-label label" class:no-underline={disabled} class:fs-bold={accent}>
-      {value.label}
-    </span>
-  </div>
-</DocNavLink>
+{#if value}
+  <DocNavLink object={value} {disabled} {inline} {accent} noUnderline={disabled} {onClick}>
+    <div class="flex-presenter" class:inline-presenter={inline}>
+      {#if !inline && shouldShowAvatar}
+        <div class="icon">
+          <Icon icon={tracker.icon.Milestone} size="small" />
+        </div>
+      {/if}
+      <span title={value.label} class="overflow-label label" class:no-underline={disabled} class:fs-bold={accent}>
+        {value.label}
+      </span>
+    </div>
+  </DocNavLink>
+{/if}
diff --git a/plugins/tracker-resources/src/components/projects/ProjectPresenter.svelte b/plugins/tracker-resources/src/components/projects/ProjectPresenter.svelte
index 9ef8053095..7c47b22d96 100644
--- a/plugins/tracker-resources/src/components/projects/ProjectPresenter.svelte
+++ b/plugins/tracker-resources/src/components/projects/ProjectPresenter.svelte
@@ -17,27 +17,29 @@
   import { Icon, IconWithEmojii, getPlatformColorDef, getPlatformColorForTextDef, themeStore } from '@hcengineering/ui'
   import tracker from '../../plugin'
 
-  export let value: Project
+  export let value: Project | undefined
   export let inline: boolean = false
   export let accent: boolean = false
 </script>
 
-<div class="flex-presenter cursor-default" class:inline-presenter={inline}>
-  <div class="icon" class:emoji={value.icon === tracker.component.IconWithEmojii}>
-    <Icon
-      icon={value.icon === tracker.component.IconWithEmojii ? IconWithEmojii : value.icon ?? tracker.icon.Home}
-      iconProps={value.icon === tracker.component.IconWithEmojii
-        ? { icon: value.color }
-        : {
-            fill:
-              value.color !== undefined
-                ? getPlatformColorDef(value.color, $themeStore.dark).icon
-                : getPlatformColorForTextDef(value.name, $themeStore.dark).icon
-          }}
-      size="small"
-    />
+{#if value}
+  <div class="flex-presenter cursor-default" class:inline-presenter={inline}>
+    <div class="icon" class:emoji={value.icon === tracker.component.IconWithEmojii}>
+      <Icon
+        icon={value.icon === tracker.component.IconWithEmojii ? IconWithEmojii : value.icon ?? tracker.icon.Home}
+        iconProps={value.icon === tracker.component.IconWithEmojii
+          ? { icon: value.color }
+          : {
+              fill:
+                value.color !== undefined
+                  ? getPlatformColorDef(value.color, $themeStore.dark).icon
+                  : getPlatformColorForTextDef(value.name, $themeStore.dark).icon
+            }}
+        size="small"
+      />
+    </div>
+    <span class="label no-underline nowrap" class:fs-bold={accent}>
+      {value.name}
+    </span>
   </div>
-  <span class="label no-underline nowrap" class:fs-bold={accent}>
-    {value.name}
-  </span>
-</div>
+{/if}