From a60c38e04d8eef643109609b1de1cc157a500694 Mon Sep 17 00:00:00 2001
From: Alexey Zinoviev <alexey.zinoviev@xored.com>
Date: Mon, 6 Oct 2025 13:59:46 +0400
Subject: [PATCH 1/2] uberf-13864: fix social id presenter Signed-off-by:
 Alexey Zinoviev <alexey.zinoviev@xored.com>

---
 .../components/SocialIdentityPresenter.svelte | 21 +++++++++++++++----
 plugins/contact-resources/src/index.ts        |  3 ++-
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/plugins/contact-resources/src/components/SocialIdentityPresenter.svelte b/plugins/contact-resources/src/components/SocialIdentityPresenter.svelte
index f2649009d1..58371ec8af 100644
--- a/plugins/contact-resources/src/components/SocialIdentityPresenter.svelte
+++ b/plugins/contact-resources/src/components/SocialIdentityPresenter.svelte
@@ -14,16 +14,19 @@
 -->
 <script lang="ts">
   import { onMount } from 'svelte'
-  import { Icon, Label } from '@hcengineering/ui'
+  import { Icon, Label, tooltip } from '@hcengineering/ui'
   import contact, { SocialIdentity, SocialIdentityProvider } from '@hcengineering/contact'
   import { getClient } from '@hcengineering/presentation'
 
   export let value: SocialIdentity
   export let socialIdProvider: SocialIdentityProvider | undefined = undefined
+  export let shouldShowAvatar = true
 
   const client = getClient()
 
   onMount(() => {
+    console.log('value', value)
+    console.log('shouldShowAvatar', shouldShowAvatar)
     if (socialIdProvider == null) {
       socialIdProvider = client.getModel().findAllSync(contact.class.SocialIdentityProvider, { type: value.type })[0]
     }
@@ -33,12 +36,22 @@
 </script>
 
 {#if socialIdProvider != null}
-  <div class="flex-row-center flex-gap-2">
-    <div class="icon"><Icon size="full" {icon} /></div>
+  <div class="flex-row-center" class:flex-gap-2={shouldShowAvatar}>
+    <div
+      class="icon"
+      use:tooltip={{
+        component: Label,
+        props: { label: socialIdProvider.label }
+      }}
+    >
+      <Icon size="full" {icon} />
+    </div>
 
     <div class="flex-col flex-gap-0-5">
       <div>{value.displayValue ?? value.value}</div>
-      <div class="type"><Label label={socialIdProvider.label} /></div>
+      {#if shouldShowAvatar}
+        <div class="type"><Label label={socialIdProvider.label} /></div>
+      {/if}
     </div>
   </div>
 {/if}
diff --git a/plugins/contact-resources/src/index.ts b/plugins/contact-resources/src/index.ts
index af77fd4250..27a2116cf3 100644
--- a/plugins/contact-resources/src/index.ts
+++ b/plugins/contact-resources/src/index.ts
@@ -402,7 +402,8 @@ export default async (): Promise<Resources> => ({
     ContactNamePresenter,
     PersonIdFilter,
     AssigneePopup,
-    TranslationSettings
+    TranslationSettings,
+    SocialIdentityPresenter
   },
   completion: {
     EmployeeQuery: async (

From bbcf378bf6e32e95151d546d1cc9e47ab674068b Mon Sep 17 00:00:00 2001
From: Alexey Zinoviev <alexey.zinoviev@xored.com>
Date: Mon, 6 Oct 2025 14:00:50 +0400
Subject: [PATCH 2/2] uberf-13864: remove console logs Signed-off-by: Alexey
 Zinoviev <alexey.zinoviev@xored.com>

---
 .../src/components/SocialIdentityPresenter.svelte               | 2 --
 1 file changed, 2 deletions(-)

diff --git a/plugins/contact-resources/src/components/SocialIdentityPresenter.svelte b/plugins/contact-resources/src/components/SocialIdentityPresenter.svelte
index 58371ec8af..0d9d88e72e 100644
--- a/plugins/contact-resources/src/components/SocialIdentityPresenter.svelte
+++ b/plugins/contact-resources/src/components/SocialIdentityPresenter.svelte
@@ -25,8 +25,6 @@
   const client = getClient()
 
   onMount(() => {
-    console.log('value', value)
-    console.log('shouldShowAvatar', shouldShowAvatar)
     if (socialIdProvider == null) {
       socialIdProvider = client.getModel().findAllSync(contact.class.SocialIdentityProvider, { type: value.type })[0]
     }