TSK-1046 Gmail/telegram messages collaborators TSK-1097 Inbox scroll (#2928)

Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>

plugins/telegram-resources/src/components/Chat.svelte

@@ -51,6 +51,7 @@
 
   export let _id: Ref<Contact>
   export let _class: Ref<Class<Contact>>
+  export let embedded = false
 
   let object: Contact
   let channel: Channel | undefined = undefined
@@ -245,6 +246,7 @@
   <Panel
     isHeader={true}
     isAside={false}
+    {embedded}
     isFullSize
     on:fullsize
     on:close={() => {

plugins/telegram-resources/src/components/activity/TxMessage.svelte

@@ -0,0 +1,29 @@
+<!--
+// Copyright © 2023 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+<script lang="ts">
+  import { MessageViewer } from '@hcengineering/presentation'
+  import { TelegramMessage } from '@hcengineering/telegram'
+  export let value: TelegramMessage
+</script>
+
+<div class="overflow-label content">
+  <MessageViewer message={value.content} />
+</div>
+
+<style lang="scss">
+  .content {
+    height: 1rem;
+  }
+</style>

plugins/telegram-resources/src/index.ts

@@ -20,6 +20,7 @@ import presentation from '@hcengineering/presentation'
 import Chat from './components/Chat.svelte'
 import Connect from './components/Connect.svelte'
 import Reconnect from './components/Reconnect.svelte'
+import TxMessage from './components/activity/TxMessage.svelte'
 import IconTelegram from './components/icons/TelegramColor.svelte'
 import TxSharedCreate from './components/activity/TxSharedCreate.svelte'
 import { concatLink } from '@hcengineering/core'
@@ -32,7 +33,8 @@ export default async (): Promise<Resources> => ({
     IconTelegram
   },
   activity: {
-    TxSharedCreate
+    TxSharedCreate,
+    TxMessage
   },
   handler: {
     DisconnectHandler: async () => {

plugins/telegram-resources/src/plugin.ts

@@ -17,6 +17,7 @@
 import { IntlString, mergeIds } from '@hcengineering/platform'
 
 import telegram, { telegramId } from '@hcengineering/telegram'
+import { AnyComponent } from '@hcengineering/ui'
 
 export default mergeIds(telegramId, telegram, {
   string: {
@@ -35,5 +36,8 @@ export default mergeIds(telegramId, telegram, {
     Share: '' as IntlString,
     PublishSelected: '' as IntlString,
     MessagesSelected: '' as IntlString
+  },
+  component: {
+    MessagePresenter: '' as AnyComponent
   }
 })