diff --git a/packages/ui/src/components/Section.svelte b/packages/ui/src/components/Section.svelte index 3467d53170..1be87d3e62 100644 --- a/packages/ui/src/components/Section.svelte +++ b/packages/ui/src/components/Section.svelte @@ -19,6 +19,7 @@ import Icon from './Icon.svelte' import Label from './Label.svelte' + export let id: string | undefined = undefined export let label: IntlString export let icon: Asset | AnySvelteComponent | undefined = undefined @@ -27,7 +28,7 @@ export let invisible: boolean = false -
+
{#if showHeader}
{#if icon} diff --git a/plugins/activity-resources/src/components/Activity.svelte b/plugins/activity-resources/src/components/Activity.svelte index 1444af2fa8..f8bae86e2e 100644 --- a/plugins/activity-resources/src/components/Activity.svelte +++ b/plugins/activity-resources/src/components/Activity.svelte @@ -22,7 +22,7 @@ } from '@hcengineering/activity' import { Doc, Ref, SortingOrder } from '@hcengineering/core' import { createQuery, getClient } from '@hcengineering/presentation' - import { Grid, Label, Spinner, location, Lazy } from '@hcengineering/ui' + import { Grid, Label, Section, Spinner, location, Lazy } from '@hcengineering/ui' import { onDestroy, onMount } from 'svelte' import ActivityExtensionComponent from './ActivityExtension.svelte' @@ -235,77 +235,81 @@ $: void updateActivityMessages(object._id, isNewestFirst ? SortingOrder.Descending : SortingOrder.Ascending) -
- - - { - filteredMessages = e.detail - }} - bind:isNewestFirst - /> -
-{#if isNewestFirst && showCommenInput} -
- -
-{/if} -
- {#if filteredMessages.length} - - {#each filteredMessages as message, index} - {@const canGroup = canGroupMessages(message, filteredMessages[index - 1])} - {#if selectedMessageId} - +
+ + {#if isLoading} +
+ +
+ {/if} + { + filteredMessages = e.detail + }} + bind:isNewestFirst + /> +
+ + + {#if isNewestFirst && showCommenInput} +
+ - {:else} - - - +
+ {/if} +
+ {#if filteredMessages.length} + + {#each filteredMessages as message, index} + {@const canGroup = canGroupMessages(message, filteredMessages[index - 1])} + {#if selectedMessageId} + + {:else} + + + + {/if} + {/each} + {/if} - {/each} - - {/if} +
+ {#if showCommenInput && !isNewestFirst} +
+ +
+ {/if} +
+
-{#if showCommenInput && !isNewestFirst} -
- -
-{/if}