dispatch('close')} >
Activity
{#if innerHeight}
{#each reactions as reaction, index (reaction.id)} {#if reaction.type === 'comment'}
{reaction.comment}
{#if assetId === undefined && reaction.assetId}
{/if} {#if reaction.user.id === user.id || albumOwnerId === user.id}
(showDeleteReaction[index] ? '' : showOptionsMenu(index))}>
{/if}
{#if showDeleteReaction[index]}
(showDeleteReaction[index] = false)} on:click={() => handleDeleteReaction(reaction, index)} > Remove
{/if}
{#if (index != reactions.length - 1 && !shouldGroup(reactions[index].createdAt, reactions[index + 1].createdAt)) || index === reactions.length - 1}
{timeSince(luxon.DateTime.fromISO(reaction.createdAt))}
{/if} {:else if reaction.type === 'like'}
{`${reaction.user.name} liked ${assetType ? `this ${getAssetType(assetType).toLowerCase()}` : 'it'}`}
{#if assetId === undefined && reaction.assetId}
{/if} {#if reaction.user.id === user.id || albumOwnerId === user.id}
(showDeleteReaction[index] ? '' : showOptionsMenu(index))}>
{/if}
{#if showDeleteReaction[index]}
(showDeleteReaction[index] = false)} on:click={() => handleDeleteReaction(reaction, index)} > Remove
{/if}
{#if (index != reactions.length - 1 && isTenMinutesApart(reactions[index].createdAt, reactions[index + 1].createdAt)) || index === reactions.length - 1}
{timeSince(luxon.DateTime.fromISO(reaction.createdAt))}
{/if}
{/if} {/each}
{/if}
handleSendComment()}>
autoGrowHeight(textArea)} on:keypress={handleEnter} class="h-[18px] {disabled ? 'cursor-not-allowed' : ''} w-full max-h-56 pr-2 items-center overflow-y-auto leading-4 outline-none resize-none bg-gray-200" />
{#if isSendingMessage}
{:else if message}
{/if}