dst/dstpabuaran.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add tooltip for print button in TransactionCardRow component

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-12 13:44:50 +07:00
parent e9faa6a322
commit 0d1e722f6f
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
resources/js/pages/admin/manage/transaction/transaction-card.tsx
View File

@ -10,6 +10,7 @@ import {
DropdownMenuItem, DropdownMenuItem,
DropdownMenuTrigger, DropdownMenuTrigger,
} from '@/components/ui/dropdown-menu'; } from '@/components/ui/dropdown-menu';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
import { useCan } from '@/hooks/use-can'; import { useCan } from '@/hooks/use-can';
import type { PaperWidth } from '@/hooks/use-thermal-printer'; import type { PaperWidth } from '@/hooks/use-thermal-printer';
import { formatDateTime, formatNumber } from '@/lib/format'; import { formatDateTime, formatNumber } from '@/lib/format';
@ -210,11 +211,16 @@ export function TransactionCardRow({
<div className="flex shrink-0 items-center gap-1"> <div className="flex shrink-0 items-center gap-1">
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <Tooltip>
<Button variant="ghost" size="icon" title="Cetak Struk"> <TooltipTrigger asChild>
<Printer className="h-4 w-4" /> <DropdownMenuTrigger asChild>
</Button> <Button variant="ghost" size="icon">
</DropdownMenuTrigger> <Printer className="h-4 w-4" />
</Button>
</DropdownMenuTrigger>
</TooltipTrigger>
<TooltipContent side="top">Cetak Struk</TooltipContent>
</Tooltip>
<DropdownMenuContent align="end"> <DropdownMenuContent align="end">
<DropdownMenuItem <DropdownMenuItem
onClick={() => onPrint(transaction, 58)} onClick={() => onPrint(transaction, 58)}