- {#each groupedItems.slice(0, nbDisplayed) as item (item['folderName'] ?? 'user__' + item['username'])}
- {#if item}
- {
- loadScripts()
- loadFlows()
- loadApps()
- loadRawApps()
- }}
- {showCode}
- />
- {/if}
- {/each}
-
- {#if groupedItems.length > 30 && nbDisplayed < groupedItems.length}
- {
+ loadScripts()
+ loadFlows()
+ loadApps()
+ loadRawApps()
+ }}
+ {showCode}
+ />
{:else}
{#each (items ?? []).slice(0, nbDisplayed) as item (item.type + '/' + item.path)}
diff --git a/frontend/src/lib/components/home/TreeView.svelte b/frontend/src/lib/components/home/TreeView.svelte
index 7b3f91b369..ec2543c846 100644
--- a/frontend/src/lib/components/home/TreeView.svelte
+++ b/frontend/src/lib/components/home/TreeView.svelte
@@ -5,13 +5,13 @@
import Item from './Item.svelte'
import type { FolderItem, ItemType, UserItem } from './treeViewUtils'
import { twMerge } from 'tailwind-merge'
- import { slide } from 'svelte/transition'
import { pluralize } from '$lib/utils'
export let item: ItemType | FolderItem | UserItem
export let collapseAll: boolean
export let depth: number = 0
+ export let showCode: (path: string, summary: string) => void
const isFolder = (i: any): i is FolderItem => i && 'folderName' in i
const isUser = (i: any): i is UserItem => i && 'username' in i
@@ -24,8 +24,6 @@
opened = !collapseAll
}
- export let showCode: (path: string, summary: string) => void
-
let showMax = 30
@@ -57,7 +55,7 @@
-