{#each messages as message, i (message.id)} {#if i === 0 || messages[i - 1].authorId !== message.authorId}

{message.author.name} {formatTimestamp(message.timestamp)}

{message.content}

{:else}

{message.content}

{/if} {/each}

{ if (e.key == 'Enter') { let path = ''; if (ServerID.is(currentPageID) && ChannelID.is(currentSubPageID)) { path = '/api/messages/' + currentPageID + '/' + currentSubPageID; } else { path = '/api/messages/' + (currentPage && 'dmId' in currentPage ? currentPage.dmId : currentPageID); } let message = inputValue; inputValue = ''; const req = await fetch(path, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ content: message }) }); if (!req.ok) { console.error('Failed to send message'); } } }} placeholder="input box for messages (ignore how ugly it is right now please)" class="flex-1" />

{server!.name} - {channel.name}

{server!.name} - Server Info

{friend!.username}

{group!.name} ({group.members} member{group.members > 1 ? 's' : ''})