Channels presenter fix (#908)

Signed-off-by: Denis Bykhov <80476319+BykhovDenis@users.noreply.github.com>

packages/presentation/src/components/Channels.svelte

@@ -26,7 +26,7 @@
   import contact from '@anticrm/contact'
   import { createEventDispatcher } from 'svelte'
 
-  export let value: AttachedData<Channel>[] | null
+  export let value: AttachedData<Channel>[] | AttachedData<Channel> | null
   export let size: 'small' | 'medium' | 'large' | 'x-large' = 'large'
   export let reverse: boolean = false
   export let integrations: Set<Ref<Doc>> = new Set<Ref<Doc>>()
@@ -51,23 +51,37 @@
     return map
   }
 
-  async function update (value: AttachedData<Channel>[]) {
+  function getProvider (item: AttachedData<Channel>, map: Map<Ref<ChannelProvider>, ChannelProvider>): any | undefined {
-    const result = []
-    const map = await getProviders()
-    for (const item of value) {
     const provider = map.get(item.provider)
     if (provider) {
-        result.push({
+      return {
         label: provider.label as IntlString,
         icon: provider.icon as Asset,
         value: item.value,
         presenter: provider.presenter,
         integration: provider.integrationType !== undefined ? integrations.has(provider.integrationType) : false
-        })
+      }
     } else {
       console.log('provider not found: ', item.provider)
     }
   }
+
+  async function update (value: AttachedData<Channel>[] | AttachedData<Channel>) {
+    const result = []
+    const map = await getProviders()
+    if (Array.isArray(value)) {
+      for (const item of value) {
+        const provider = getProvider(item, map)
+        if (provider !== undefined) {
+          result.push(provider)
+        }
+      }
+    } else {
+      const provider = getProvider(value, map)
+      if (provider !== undefined) {
+        result.push(provider)
+      }
+    }
     displayItems = result
   }
 

plugins/contact-resources/src/components/ChannelsPresenter.svelte

@@ -17,7 +17,7 @@
   import type { Channel } from '@anticrm/contact'
   import { Channels } from '@anticrm/presentation'
 
-  export let value: Channel[] | null
+  export let value: Channel[] | Channel | null
 </script>
 
 <Channels {value} size={'small'} reverse />