From fb240d031636e5ac3c4f8cf8be398a7e607ec9b7 Mon Sep 17 00:00:00 2001
From: Vyacheslav Tumanov <me@slavatumanov.me>
Date: Fri, 21 Apr 2023 21:16:13 +0500
Subject: [PATCH] TSK-1243: add scroller to project's components list (#3045)

Signed-off-by: Vyacheslav Tumanov <me@slavatumanov.me>
---
 .../components/ComponentsListBrowser.svelte   | 39 ++++++++++---------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/plugins/tracker-resources/src/components/components/ComponentsListBrowser.svelte b/plugins/tracker-resources/src/components/components/ComponentsListBrowser.svelte
index 00c45163fe..3880853b68 100644
--- a/plugins/tracker-resources/src/components/components/ComponentsListBrowser.svelte
+++ b/plugins/tracker-resources/src/components/components/ComponentsListBrowser.svelte
@@ -1,14 +1,14 @@
 <!--
 // Copyright © 2022 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.
 -->
@@ -27,6 +27,7 @@
   import { onMount } from 'svelte'
   import ComponentsList from './ComponentsList.svelte'
   import ComponentTimeline from './ComponentTimeline.svelte'
+  import { Scroller } from '@hcengineering/ui'
 
   export let _class: Ref<Class<Doc>>
   export let itemsConfig: (BuildModelKey | string)[]
@@ -60,21 +61,23 @@
 />
 
 {#if viewMode === 'list'}
-  <ComponentsList
-    bind:this={componentsList}
-    {_class}
-    {itemsConfig}
-    {loadingProps}
-    {components}
-    selectedObjectIds={$selectionStore ?? []}
-    selectedRowIndex={listProvider.current($focusStore)}
-    on:row-focus={(event) => {
-      listProvider.updateFocus(event.detail ?? undefined)
-    }}
-    on:check={(event) => {
-      listProvider.updateSelection(event.detail.docs, event.detail.value)
-    }}
-  />
+  <Scroller>
+    <ComponentsList
+      bind:this={componentsList}
+      {_class}
+      {itemsConfig}
+      {loadingProps}
+      {components}
+      selectedObjectIds={$selectionStore ?? []}
+      selectedRowIndex={listProvider.current($focusStore)}
+      on:row-focus={(event) => {
+        listProvider.updateFocus(event.detail ?? undefined)
+      }}
+      on:check={(event) => {
+        listProvider.updateSelection(event.detail.docs, event.detail.value)
+      }}
+    />
+  </Scroller>
 {:else}
   <ComponentTimeline
     bind:this={componentTimeline}