{$t('activity')}

{#if innerHeight}

{#each reactions as reaction, index (reaction.id)} {#if reaction.type === ReactionType.Comment}

{reaction.comment}

{#if assetId === undefined && reaction.assetId}

{/if} {#if reaction.user.id === user.id || albumOwnerId === user.id}

handleDeleteReaction(reaction, index)} />

{/if}

{#if (index != reactions.length - 1 && !shouldGroup(reactions[index].createdAt, reactions[index + 1].createdAt)) || index === reactions.length - 1}

{timeSince(luxon.DateTime.fromISO(reaction.createdAt, { locale: $locale }))}

{/if} {:else if reaction.type === ReactionType.Like}

{$t('user_liked', { values: { user: reaction.user.name, type: assetType ? getAssetType(assetType).toLowerCase() : null, }, })}

{#if assetId === undefined && reaction.assetId}

{/if} {#if reaction.user.id === user.id || albumOwnerId === user.id}

handleDeleteReaction(reaction, index)} />

{/if}

{#if (index != reactions.length - 1 && isTenMinutesApart(reactions[index].createdAt, reactions[index + 1].createdAt)) || index === reactions.length - 1}

{timeSince(luxon.DateTime.fromISO(reaction.createdAt, { locale: $locale }))}

{/if}

{/if} {/each}

{/if}