Fix duration format and minimized chat layout

- Format duration as hours+minutes when > 60min (e.g., 2h 26min)
- Change minimized chat to compact chip style (matching web)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
esdrasrenan 2025-12-07 14:37:28 -03:00
parent 229c9aa1c7
commit 409da8afda
2 changed files with 22 additions and 18 deletions

View file

@ -332,28 +332,20 @@ export function ChatWidget({ ticketId }: ChatWidgetProps) {
)
}
// Versao minimizada (recolhida)
// Versao minimizada (chip compacto igual web)
if (isMinimized) {
return (
<div className="flex h-screen flex-col bg-white">
<div className="flex h-screen flex-col items-center justify-end bg-transparent p-4">
<button
onClick={() => setIsMinimized(false)}
data-tauri-drag-region
className="flex w-full items-center gap-3 border-b border-slate-200 bg-slate-50 px-4 py-3 text-left hover:bg-slate-100"
className="flex items-center gap-2 rounded-full bg-black px-4 py-2 text-white shadow-lg hover:bg-black/90"
>
<div className="flex size-10 items-center justify-center rounded-full bg-black text-white">
<MessageCircle className="size-5" />
</div>
<div className="flex-1">
<div className="flex items-center gap-2">
<p className="text-sm font-semibold text-slate-900">
Chat #{ticketInfo?.ref}
</p>
<span className="size-2 rounded-full bg-emerald-500" />
</div>
<p className="text-xs text-slate-500">Clique para expandir</p>
</div>
<ChevronUp className="size-4 text-slate-400" />
<MessageCircle className="size-4" />
<span className="text-sm font-medium">
Chat #{ticketInfo?.ref}
</span>
<span className="size-2 rounded-full bg-emerald-400" />
<ChevronUp className="size-4" />
</button>
</div>
)