From 0d1e722f6ff367e24d3cb8632e3e579df523339f Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Wed, 12 Aug 2026 13:44:50 +0700
Subject: [PATCH] feat: add tooltip for print button in TransactionCardRow
 component

---
 .../manage/transaction/transaction-card.tsx      | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

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