fix(webmail): a barra lateral mostra so o que esta por ler

Mostrava tambem o tamanho de cada pasta. Sao numeros que nao mudam e
que ninguem esta a espera: enchiam a barra sem dizer nada de util.
Agora aparece um numero apenas onde ha correio por ler, e nada nas
restantes.

Consequencia a saber: Rascunhos nunca tem mensagens por ler - nada
marca um rascunho como lido - portanto passa a nao ter numero nenhum.
Quem quiser saber quantos rascunhos tem, ve-o no cabecalho da pasta.

O tamanho continua no tooltip do link, e o cabecalho da lista continua
a dize-lo por extenso, portanto a informacao nao se perdeu - deixou
apenas de estar sempre no campo de visao.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Lucas RayanandClaude Opus 5 committed 2026-08-22 15:30:17 -03:00
1 parent e4491479ef
commit 64f1a2e145
4 files changed
+101 -55

No files matched your search

@@ -133,21 +133,10 @@ export default function UserWebmailLayout({ children }: { children: React.ReactN
<Icon className={`h-[17px] w-[17px] flex-none ${isActive ? "text-indigo-500" : "text-slate-400"}`} />
<span className="min-w-0 flex-1 text-[13.5px] leading-snug">{item.label}</span>
<span className="flex flex-none items-center gap-1.5">
{/* The folder's size, shown quietly beside the badge: the
sidebar reported unread only, so there was nowhere in the
interface that said how much mail a folder holds. */}
{/* The folder size, always in the same quiet style, so it
can never be mistaken for an unread count. */}
{badge.total > 0 && (
<span
className="text-[11.5px] tabular-nums text-slate-500"
title={t("mail.messagesInFolder", { count: badge.total })}
>
{badge.total}
</span>
)}
{/* The unread count, only when there is unread mail, and
visibly distinct from the size beside it. */}
{/* Only what is waiting to be read. The size of every folder
beside its name filled the rail with numbers that never
change and that nobody is waiting on; the folder heading
still says how much mail a folder holds. */}
{badge.showsUnread && (
<span
className={`rounded-full px-1.5 py-px text-[11px] font-medium tabular-nums ${
@@ -186,9 +175,6 @@ export default function UserWebmailLayout({ children }: { children: React.ReactN
/>
<span className="min-w-0 flex-1 truncate text-[13.5px] leading-snug">{folder.name}</span>
<span className="flex flex-none items-center gap-1.5 pr-5">
{badge.total > 0 && (
<span className="text-[11.5px] tabular-nums text-slate-500">{badge.total}</span>
)}
{badge.showsUnread && (
<span className="rounded-full bg-indigo-500/20 px-1.5 py-px text-[11px] font-medium tabular-nums text-indigo-300">
{badge.unread}