{#if channel?.type === 'dm'} {channel?.name.trim() || channel?.users.reduce((a, e, i, arr) => { if (e.id === $user?.id) { return a; } if (a) { return `${a}, ${e.name}`; } else { return e.name; } }, '')} • Open WebUI {:else} #{channel?.name ?? 'Channel'} • Open WebUI {/if}
{#if channel}
{ scrollEnd = Math.abs(messagesContainerElement.scrollTop) <= 50; }} > {#key id} { replyToMessage = message; await tick(); chatInputElement?.focus(); }} onThread={(id) => { threadId = id; }} onLoad={async () => { const newMessages = await getChannelMessages( localStorage.token, id, messages.length ); messages = [...messages, ...newMessages]; if (newMessages.length < 50) { top = true; return; } }} /> {/key}
{/if}
{#if !largeScreen} {#if threadId !== null} { threadId = null; }} >
{ threadId = null; }} />
{/if} {:else if threadId !== null}
{ threadId = null; }} />
{/if}