fix(ancpi): make Actualizeaza button prominent + add tooltips in tab

- Actualizeaza button: orange bg, white text, clearly clickable
- Tooltip: "Comandă extras CF nou (1 credit) / Extrasul actual a expirat"
- Descarca button: tooltip "Descarcă extras CF (nrCadastral)"

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
AI Assistant
2026-03-23 10:23:54 +02:00
parent 7d30e28fdc
commit 87281bc690
@@ -8,12 +8,19 @@ import {
Loader2, Loader2,
Clock, Clock,
Archive, Archive,
CreditCard,
Search, Search,
} from "lucide-react"; } from "lucide-react";
import { Button } from "@/shared/components/ui/button"; import { Button } from "@/shared/components/ui/button";
import { Input } from "@/shared/components/ui/input"; import { Input } from "@/shared/components/ui/input";
import { Badge } from "@/shared/components/ui/badge"; import { Badge } from "@/shared/components/ui/badge";
import { Card, CardContent } from "@/shared/components/ui/card"; import { Card, CardContent } from "@/shared/components/ui/card";
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/shared/components/ui/tooltip";
import { cn } from "@/shared/lib/utils"; import { cn } from "@/shared/lib/utils";
import type { EpaySessionStatus } from "./epay-connect"; import type { EpaySessionStatus } from "./epay-connect";
@@ -603,6 +610,9 @@ export function EpayTab() {
{order.status === "completed" && {order.status === "completed" &&
order.minioPath && order.minioPath &&
!expired && ( !expired && (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button <Button
variant="ghost" variant="ghost"
size="sm" size="sm"
@@ -618,18 +628,36 @@ export function EpayTab() {
Descarca Descarca
</a> </a>
</Button> </Button>
</TooltipTrigger>
<TooltipContent>
Descarca extras CF ({order.nrCadastral})
</TooltipContent>
</Tooltip>
</TooltipProvider>
)} )}
{expired && ( {expired && (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button <Button
variant="outline" variant="default"
size="sm" size="sm"
className="h-7 px-2 text-xs" className="h-7 px-3 text-xs bg-orange-600 hover:bg-orange-700 text-white"
disabled={!epayStatus.connected} disabled={!epayStatus.connected}
onClick={() => void handleReorder(order)} onClick={() => void handleReorder(order)}
> >
<RefreshCw className="h-3 w-3 mr-1" /> <RefreshCw className="h-3 w-3 mr-1" />
Actualizeaza Actualizeaza
</Button> </Button>
</TooltipTrigger>
<TooltipContent>
<p>Comanda extras CF nou (1 credit)</p>
<p className="text-xs text-muted-foreground">
Extrasul actual a expirat
</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
)} )}
{order.status === "completed" && {order.status === "completed" &&
order.minioPath && order.minioPath &&