esdras/sistema-de-chamados
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): ajustes em automações e checklist

Browse source
This commit is contained in:
esdrasrenan 2025-12-13 22:03:35 -03:00
parent aa3c1855b2
commit 7c82ef18b3
5 changed files with 218 additions and 85 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/tickets/new-ticket-dialog.tsx
View file

@ -964,8 +964,8 @@ export function NewTicketDialog({
renderValue={(option) => {
if (!option) return <span className="text-muted-foreground">Selecionar solicitante</span>
return (
<div className="flex w-full items-center justify-between gap-2">
<div className="flex min-w-0 flex-col">
<div className="flex w-full flex-wrap items-start gap-2">
<div className="flex min-w-0 flex-1 flex-col">
<span className="truncate font-medium text-foreground">{option.label}</span>
{option.description ? (
<span className="truncate text-xs text-muted-foreground">{option.description}</span>
@ -974,7 +974,7 @@ export function NewTicketDialog({
{selectedCompanyOption && selectedCompanyOption.id !== NO_COMPANY_VALUE ? (
<Badge
variant="outline"
className="hidden shrink-0 rounded-full px-2.5 py-0.5 text-[10px] uppercase tracking-wide text-muted-foreground sm:inline-flex"
className="hidden min-w-0 max-w-full truncate rounded-full px-2.5 py-0.5 text-[10px] uppercase tracking-wide text-muted-foreground sm:ml-auto sm:inline-flex sm:max-w-[45%]"
>
{selectedCompanyOption.name}
</Badge>

14
src/components/tickets/ticket-checklist-card.tsx
View file

@ -200,6 +200,7 @@ export function TicketChecklistCard({
<Button
type="button"
variant="outline"
size="sm"
className="gap-2"
onClick={handleCompleteAll}
disabled={!canComplete || completingAll}
@ -212,7 +213,7 @@ export function TicketChecklistCard({
{canEdit && !isResolved && (templates ?? []).length > 0 ? (
<div className="flex items-center gap-2">
<Select value={selectedTemplateId} onValueChange={setSelectedTemplateId}>
<SelectTrigger className="h-9 w-[220px]">
<SelectTrigger size="sm" className="w-[220px]">
<SelectValue placeholder="Aplicar template..." />
</SelectTrigger>
<SelectContent className="rounded-xl">
@ -228,7 +229,7 @@ export function TicketChecklistCard({
type="button"
onClick={handleApplyTemplate}
disabled={!selectedTemplateId || applyingTemplate}
className="h-9"
size="sm"
>
Aplicar
</Button>
@ -342,7 +343,7 @@ export function TicketChecklistCard({
<Button
type="button"
variant="ghost"
className="h-9 px-2 text-xs text-neutral-700 hover:bg-slate-50"
className="h-9 px-2 text-xs text-neutral-700 hover:bg-slate-100 hover:text-neutral-900 active:bg-slate-200/70 focus-visible:bg-slate-100"
onClick={async () => {
if (!actorId) return
try {
@ -397,7 +398,7 @@ export function TicketChecklistCard({
value={newText}
onChange={(e) => setNewText(e.target.value)}
placeholder="Adicionar item do checklist..."
className="h-9 flex-1 bg-white"
className="h-8 flex-1 bg-white"
onKeyDown={(e) => {
if (e.key === "Enter") {
e.preventDefault()
@ -405,11 +406,11 @@ export function TicketChecklistCard({
}
}}
/>
<label className="flex items-center gap-2 text-sm text-neutral-700">
<label className="flex h-8 items-center gap-2 text-sm text-neutral-700">
<Checkbox checked={newRequired} onCheckedChange={(checked) => setNewRequired(Boolean(checked))} />
Obrigatório
</label>
<Button type="button" onClick={handleAdd} disabled={adding} className="h-9 gap-2">
<Button type="button" size="sm" onClick={handleAdd} disabled={adding} className="gap-2">
<Plus className="size-4" />
Adicionar
</Button>
@ -419,4 +420,3 @@ export function TicketChecklistCard({
</Card>
)
}