UBERF-5811: rework backlinks (#4887)

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>

plugins/document-resources/src/components/sidebar/BacklinkView.svelte

@@ -1,49 +0,0 @@
-<!--
-//
-// 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 { Backlink } from '@hcengineering/chunter'
-  import { MessageViewer } from '@hcengineering/presentation'
-  import { TimeSince } from '@hcengineering/ui'
-  import { ObjectPresenter } from '@hcengineering/view-resources'
-
-  export let value: Backlink
-</script>
-
-<div class="container flex-col flex-gap-2 flex-no-shrink">
-  <div class="flex-between h-8">
-    <div class="fs-bold overflow-label">
-      <ObjectPresenter _class={value.backlinkClass} objectId={value.backlinkId} accent />
-    </div>
-    <div class="time">
-      <TimeSince value={value.createdOn ?? value.modifiedOn} />
-    </div>
-  </div>
-  <div class="flex-no-shrink">
-    <MessageViewer message={value.message} />
-  </div>
-</div>
-
-<style lang="scss">
-  .container {
-    padding: 0.5rem 1rem;
-    border-bottom: 1px solid var(--theme-divider-color);
-  }
-  .time {
-    font-size: 0.75rem;
-    color: var(--theme-trans-color);
-  }
-</style>

plugins/document-resources/src/components/sidebar/References.svelte

@@ -15,28 +15,28 @@
 //
 -->
 <script lang="ts">
-  import chunter, { Backlink } from '@hcengineering/chunter'
   import { Ref } from '@hcengineering/core'
   import { Document } from '@hcengineering/document'
   import { createQuery } from '@hcengineering/presentation'
   import { Label, Lazy, Scroller } from '@hcengineering/ui'
+  import activity, { ActivityReference } from '@hcengineering/activity'
+  import { ActivityReferencePresenter } from '@hcengineering/activity-resources'
 
   import document from '../../plugin'
-  import BacklinkView from './BacklinkView.svelte'
 
   export let doc: Ref<Document>
 
   const query = createQuery()
 
-  let backlinks: Backlink[] = []
+  let references: ActivityReference[] = []
 
   $: query.query(
-    chunter.class.Backlink,
+    activity.class.ActivityReference,
     {
       attachedTo: doc
     },
     (res) => {
-      backlinks = res
+      references = res
     }
   )
 </script>
@@ -48,11 +48,11 @@
 
   <div class="divider" />
 
-  {#if backlinks.length > 0}
-    <Scroller>
-      {#each backlinks as backlink}
+  {#if references.length > 0}
+    <Scroller padding="0.75rem 0.25rem">
+      {#each references as reference}
         <Lazy>
-          <BacklinkView value={backlink} />
+          <ActivityReferencePresenter value={reference} hoverStyles="filledHover" />
         </Lazy>
       {/each}
     </Scroller>