From 0c9e58f85bfdfae78d837e388ab18a306060dbb4 Mon Sep 17 00:00:00 2001
From: Kristina <kristin.fefelova@gmail.com>
Date: Wed, 5 Mar 2025 20:34:42 +0400
Subject: [PATCH] Fix participant name format (#8141)

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
---
 plugins/love-resources/src/components/ParticipantsList.svelte | 3 ++-
 plugins/love-resources/src/components/RoomButton.svelte       | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/plugins/love-resources/src/components/ParticipantsList.svelte b/plugins/love-resources/src/components/ParticipantsList.svelte
index 0319db1d86..d3b6f906e7 100644
--- a/plugins/love-resources/src/components/ParticipantsList.svelte
+++ b/plugins/love-resources/src/components/ParticipantsList.svelte
@@ -16,6 +16,7 @@
   import { Avatar, personByIdStore } from '@hcengineering/contact-resources'
   import { ParticipantInfo } from '@hcengineering/love'
   import { Scroller } from '@hcengineering/ui'
+  import { formatName } from '@hcengineering/contact'
 
   export let items: (ParticipantInfo & { onclick?: (e: MouseEvent) => void })[]
 </script>
@@ -36,7 +37,7 @@
           person={$personByIdStore.get(participant.person)}
         />
       </div>
-      {participant.name}
+      {formatName(participant.name)}
     </div>
   {/each}
 </Scroller>
diff --git a/plugins/love-resources/src/components/RoomButton.svelte b/plugins/love-resources/src/components/RoomButton.svelte
index c452f5656b..66a8d2b5e9 100644
--- a/plugins/love-resources/src/components/RoomButton.svelte
+++ b/plugins/love-resources/src/components/RoomButton.svelte
@@ -17,6 +17,7 @@
   import { Avatar, personByIdStore } from '@hcengineering/contact-resources'
   import { tooltip, deviceOptionsStore as deviceInfo, checkAdaptiveMatching } from '@hcengineering/ui'
   import { ParticipantInfo } from '@hcengineering/love'
+  import { formatName } from '@hcengineering/contact'
   import ParticipantsList from './ParticipantsList.svelte'
 
   export let label: string
@@ -61,7 +62,7 @@
     <div class="hulyStatusBarButton-icons">
       {#each participants as participant (participant._id)}
         <div
-          use:tooltip={{ label: getEmbeddedLabel(participant.name), direction: 'bottom' }}
+          use:tooltip={{ label: getEmbeddedLabel(formatName(participant.name)), direction: 'bottom' }}
           on:click={participant.onclick}
         >
           <Avatar