From e7ff7c09583b66e992d2dad13e808de88124e2bf Mon Sep 17 00:00:00 2001
From: Alexey Zinoviev <alexey.zinoviev@xored.com>
Date: Mon, 6 Oct 2025 14:42:52 +0400
Subject: [PATCH] UBERF-13864: Fix social id presenter (#10035)

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

diff --git a/plugins/contact-resources/src/components/SocialIdentityPresenter.svelte b/plugins/contact-resources/src/components/SocialIdentityPresenter.svelte
index f2649009d1..0d9d88e72e 100644
--- a/plugins/contact-resources/src/components/SocialIdentityPresenter.svelte
+++ b/plugins/contact-resources/src/components/SocialIdentityPresenter.svelte
@@ -14,12 +14,13 @@
 -->
 <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()
 
@@ -33,12 +34,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 (