From 086c96a63cfc727cfab42454215be7d898a5a150 Mon Sep 17 00:00:00 2001
From: Kristina <kristin.fefelova@gmail.com>
Date: Thu, 14 Mar 2024 18:57:26 +0400
Subject: [PATCH] Make comments more compact in inbox (#4965)

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
---
 .../activity-message/ActivityMessagePresenter.svelte       | 2 ++
 .../activity-reference/ActivityReferencePresenter.svelte   | 7 +++++--
 .../components/chat-message/ChatMessagePresenter.svelte    | 3 ++-
 .../inbox/ActivityInboxNotificationPresenter.svelte        | 1 +
 .../inbox/CommonInboxNotificationPresenter.svelte          | 6 ++++--
 5 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/plugins/activity-resources/src/components/activity-message/ActivityMessagePresenter.svelte b/plugins/activity-resources/src/components/activity-message/ActivityMessagePresenter.svelte
index 218b2446d8..9abcd24a2d 100644
--- a/plugins/activity-resources/src/components/activity-message/ActivityMessagePresenter.svelte
+++ b/plugins/activity-resources/src/components/activity-message/ActivityMessagePresenter.svelte
@@ -38,6 +38,7 @@
   export let attachmentImageSize: 'x-large' | undefined = undefined
   export let showLinksPreview = true
   export let videoPreload = true
+  export let compact = false
   export let onClick: (() => void) | undefined = undefined
   export let onReply: (() => void) | undefined = undefined
 
@@ -70,6 +71,7 @@
       attachmentImageSize,
       showLinksPreview,
       videoPreload,
+      compact,
       onClick,
       onReply
     }}
diff --git a/plugins/activity-resources/src/components/activity-reference/ActivityReferencePresenter.svelte b/plugins/activity-resources/src/components/activity-reference/ActivityReferencePresenter.svelte
index be4577f599..6ea7139c29 100644
--- a/plugins/activity-resources/src/components/activity-reference/ActivityReferencePresenter.svelte
+++ b/plugins/activity-resources/src/components/activity-reference/ActivityReferencePresenter.svelte
@@ -15,7 +15,7 @@
 <script lang="ts">
   import activity, { ActivityReference } from '@hcengineering/activity'
   import { createQuery, getClient } from '@hcengineering/presentation'
-  import { Action, Label } from '@hcengineering/ui'
+  import { Action, Label, ShowMore } from '@hcengineering/ui'
   import { personAccountByIdStore, personByIdStore } from '@hcengineering/contact-resources'
   import { Account, Doc, Ref, getCurrentAccount } from '@hcengineering/core'
   import { Person, type PersonAccount } from '@hcengineering/contact'
@@ -42,6 +42,7 @@
   export let excludedActions: string[] = []
   export let hoverable = true
   export let hoverStyles: 'borderedHover' | 'filledHover' = 'borderedHover'
+  export let compact = false
   export let onClick: (() => void) | undefined = undefined
   export let onReply: (() => void) | undefined = undefined
 
@@ -145,7 +146,9 @@
     </span>
   </svelte:fragment>
   <svelte:fragment slot="content">
-    <ReferenceContent {value} />
+    <ShowMore limit={compact ? 80 : undefined}>
+      <ReferenceContent {value} />
+    </ShowMore>
   </svelte:fragment>
 </ActivityMessageTemplate>
 
diff --git a/plugins/chunter-resources/src/components/chat-message/ChatMessagePresenter.svelte b/plugins/chunter-resources/src/components/chat-message/ChatMessagePresenter.svelte
index 52f45a86b5..f24dbf3fe0 100644
--- a/plugins/chunter-resources/src/components/chat-message/ChatMessagePresenter.svelte
+++ b/plugins/chunter-resources/src/components/chat-message/ChatMessagePresenter.svelte
@@ -49,6 +49,7 @@
   export let attachmentImageSize: AttachmentImageSize = 'auto'
   export let showLinksPreview = true
   export let videoPreload = true
+  export let compact = false
   export let onClick: (() => void) | undefined = undefined
   export let onReply: (() => void) | undefined = undefined
 
@@ -191,7 +192,7 @@
     <svelte:fragment slot="content">
       {#if !isEditing}
         {#if withShowMore}
-          <ShowMore>
+          <ShowMore limit={compact ? 80 : undefined}>
             <div class="clear-mins">
               <MessageViewer message={value.message} />
               <AttachmentDocList {value} {attachments} imageSize={attachmentImageSize} {videoPreload} />
diff --git a/plugins/notification-resources/src/components/inbox/ActivityInboxNotificationPresenter.svelte b/plugins/notification-resources/src/components/inbox/ActivityInboxNotificationPresenter.svelte
index 663e3b0e66..da7bff47a7 100644
--- a/plugins/notification-resources/src/components/inbox/ActivityInboxNotificationPresenter.svelte
+++ b/plugins/notification-resources/src/components/inbox/ActivityInboxNotificationPresenter.svelte
@@ -142,6 +142,7 @@
       hoverable={false}
       {withFlatActions}
       videoPreload={false}
+      compact
       onReply={() => {
         handleReply(displayMessage)
       }}
diff --git a/plugins/notification-resources/src/components/inbox/CommonInboxNotificationPresenter.svelte b/plugins/notification-resources/src/components/inbox/CommonInboxNotificationPresenter.svelte
index e067a7ecba..cc66550367 100644
--- a/plugins/notification-resources/src/components/inbox/CommonInboxNotificationPresenter.svelte
+++ b/plugins/notification-resources/src/components/inbox/CommonInboxNotificationPresenter.svelte
@@ -26,7 +26,7 @@
   import { IntlString, translate } from '@hcengineering/platform'
   import { createQuery, getClient, MessageViewer } from '@hcengineering/presentation'
   import notification, { CommonInboxNotification } from '@hcengineering/notification'
-  import { ActionIcon, IconMoreH, Label, showPopup } from '@hcengineering/ui'
+  import { ActionIcon, IconMoreH, Label, ShowMore, showPopup } from '@hcengineering/ui'
   import { getDocLinkTitle, Menu } from '@hcengineering/view-resources'
   import { ActivityDocLink } from '@hcengineering/activity-resources'
   import view from '@hcengineering/view'
@@ -139,7 +139,9 @@
 
     <div class="flex-row-center">
       <div class="customContent">
-        <MessageViewer message={content} />
+        <ShowMore limit={80}>
+          <MessageViewer message={content} />
+        </ShowMore>
       </div>
     </div>
   </div>