PresenceAvatars fixed limit for mobile (#7677)

plugins/presence-resources/src/components/PresenceAvatars.svelte

@@ -18,7 +18,7 @@
   import { type Person, formatName } from '@hcengineering/contact'
   import { Avatar, personByIdStore } from '@hcengineering/contact-resources'
   import { getEmbeddedLabel } from '@hcengineering/platform'
-  import { IconSize, tooltip } from '@hcengineering/ui'
+  import { IconSize, tooltip, deviceOptionsStore as deviceInfo, checkAdaptiveMatching } from '@hcengineering/ui'
   import PresenceList from './PresenceList.svelte'
   import { presenceByObjectId } from '../store'
 
@@ -33,10 +33,11 @@
     .map((p) => $personByIdStore.get(p))
     .filter((p): p is Person => p !== undefined)
   $: overLimit = persons.length > limit
+  $: adaptive = checkAdaptiveMatching($deviceInfo.size, 'md') || overLimit
 </script>
 
 {#if persons.length > 0}
-  {#if overLimit}
+  {#if adaptive}
     <div
       class="hulyCombineAvatars-container"
       use:tooltip={{ component: PresenceList, props: { persons, size }, direction: 'bottom' }}

tests/sanity/tests/model/common-page.ts

@@ -141,6 +141,7 @@ export class CommonPage {
 
   async pressYesDeletePopup (page: Page): Promise<void> {
     await this.viewStringDeleteObjectButtonPrimary().click()
+    await expect(this.viewStringDeleteObjectButtonPrimary()).not.toBeVisible({ timeout: 1000 })
   }
 
   async addNewTagPopup (page: Page, title: string, description: string): Promise<void> {

tests/sanity/tests/model/recruiting/applications-page.ts

@@ -78,6 +78,9 @@ export class ApplicationsPage extends CommonRecruitingPage {
       .locator('tr', { hasText: `${talentName.lastName} ${talentName.firstName}` })
       .locator('div[class*="firstCell"]')
       .click()
+    await expect(
+      this.page.locator('div.hulyHeader-container div.hulyHeader-titleGroup', { hasText: talentName.lastName })
+    ).toBeVisible({ timeout: 1000 })
   }
 
   async checkApplicationState (talentName: TalentName, done: string): Promise<void> {