refactor(ticket): move back navigation before detail header

This commit is contained in:
2026-08-06 15:19:56 +05:30
parent 0ff5792670
commit f6436862c0
2 changed files with 23 additions and 10 deletions

View File

@@ -21,9 +21,23 @@ export function TicketDetailHeader({
return (
<div className="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
<div className="min-w-0 space-y-1">
<h1 className="text-2xl font-semibold tracking-tight">Ticket Detail</h1>
<p className="text-xs ">Ticket: {ticketLabel}</p>
<div className="flex min-w-0 items-start gap-3">
<Button
type="button"
variant="secondary"
size="icon"
onClick={() => router.push('/ticket')}
aria-label="Back to ticket list"
className="shrink-0"
>
<ArrowLeft />
</Button>
<div className="min-w-0 space-y-1">
<h1 className="text-2xl font-semibold tracking-tight">
Ticket Detail
</h1>
<p className="text-xs">Ticket: {ticketLabel}</p>
</div>
</div>
<div className="flex shrink-0 items-center gap-2">
@@ -37,10 +51,6 @@ export function TicketDetailHeader({
<PermissionGuard permissions={PERMISSIONS.TICKET.ASSIGN}>
<AssignTicketAction ticketId={ticket.id} />
</PermissionGuard>
<Button variant="secondary" onClick={() => router.push('/ticket')}>
<ArrowLeft className="size-4" />
Back to List
</Button>
</div>
</div>
);