{#if mensagens?.data && mensagens.data.length > 0} {@const gruposPorDia = agruparMensagensPorDia(mensagens.data)} {#each Object.entries(gruposPorDia) as [dia, mensagensDia]}

{dia}

{#each mensagensDia as mensagem (mensagem._id)} {@const isMinha = mensagem.remetente?._id === mensagens.data[0]?.remetente?._id}

{#if !isMinha}

{mensagem.remetente?.nome || "Usuário"}

{/if}

{#if mensagem.deletada}

Mensagem deletada

{:else if mensagem.tipo === "texto"}

{mensagem.conteudo}

{:else if mensagem.tipo === "imagem"}

{#if mensagem.conteudo}

{mensagem.conteudo}

{/if} {:else if mensagem.tipo === "arquivo"}

{mensagem.arquivoNome}

{#if mensagem.arquivoTamanho}

{(mensagem.arquivoTamanho / 1024 / 1024).toFixed(2)} MB

{/if}

{/if} {#if !mensagem.deletada && getEmojisReacao(mensagem).length > 0}

{#each getEmojisReacao(mensagem) as reacao} {/each}

{/if}

{formatarDataMensagem(mensagem.enviadaEm)}

{/each} {/each} {#if digitando?.data && digitando.data.length > 0}

{digitando.data.map((u: any) => u.nome).join(", ")} {digitando.data.length === 1 ? "está digitando" : "estão digitando"}...

{/if} {:else if !mensagens?.data}

{:else}

Nenhuma mensagem ainda

Envie a primeira mensagem!

{/if}