Fix inbox preview (#5389)

*Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>

plugins/view-resources/src/components/DocReferencePresenter.svelte

@@ -15,11 +15,12 @@
 <script lang="ts">
   import type { Doc } from '@hcengineering/core'
   import { getClient } from '@hcengineering/presentation'
-  import view, { AttributeModel } from '@hcengineering/view'
-  import { Component, Icon, IconSize } from '@hcengineering/ui'
+  import { AttributeModel } from '@hcengineering/view'
+  import { IconSize } from '@hcengineering/ui'
   import contact from '@hcengineering/contact'
 
-  import { classIcon, getObjectPresenter } from '../utils'
+  import { getObjectPresenter } from '../utils'
+  import ObjectIcon from './ObjectIcon.svelte'
 
   export let value: Doc | undefined
   export let compact = false
@@ -36,8 +37,6 @@
     })
   }
 
-  $: iconMixin = value && hierarchy.classHierarchyMixin(value._class, view.mixin.ObjectIcon)
-
   $: if (value && hierarchy.isDerived(value._class, contact.class.Person)) {
     size = 'tiny'
   } else {
@@ -49,13 +48,11 @@
   <span class="label overflow-label font-medium-12 text-left secondary-textColor">
     <slot name="prefix" />
   </span>
-  <div class="icon">
-    {#if iconMixin && value}
-      <Component is={iconMixin.component} props={{ value, size }} />
-    {:else if !iconMixin && value}
-      <Icon icon={classIcon(client, value._class) ?? view.icon.Views} {size} />
-    {/if}
-  </div>
+  {#if value}
+    <div class="icon">
+      <ObjectIcon {value} {size} />
+    </div>
+  {/if}
   <span class="label overflow-label font-medium-12 text-left max-w-20 secondary-textColor">
     {#if presenter && value}
       <svelte:component

plugins/view-resources/src/components/ObjectIcon.svelte

@@ -0,0 +1,39 @@
+<!--
+// Copyright © 2024 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+<script lang="ts">
+  import view from '@hcengineering/view'
+  import { Component, Icon, IconSize } from '@hcengineering/ui'
+  import type { Doc } from '@hcengineering/core'
+  import { getClient } from '@hcengineering/presentation'
+
+  import { classIcon } from '../utils'
+
+  export let value: Doc
+  export let size: IconSize = 'small'
+
+  const client = getClient()
+  const hierarchy = client.getHierarchy()
+
+  $: iconMixin = hierarchy.classHierarchyMixin(value._class, view.mixin.ObjectIcon)
+</script>
+
+{#if iconMixin}
+  <Component is={iconMixin.component} props={{ value, size }} />
+{:else}
+  {@const icon = classIcon(client, value._class)}
+  {#if icon}
+    <Icon {icon} {size} />
+  {/if}
+{/if}