fix: replace native title tooltip on Fleet Snapshots upload button

This commit is contained in:
SaelixCode
2026-07-03 19:15:59 -04:00
parent 244f10fcec
commit dd35f45062
+21 -14
View File
@@ -18,6 +18,7 @@ import { apiFetch } from '@/lib/api';
import { useAuth } from '@/context/AuthContext'; import { useAuth } from '@/context/AuthContext';
import { useLicense } from '@/context/LicenseContext'; import { useLicense } from '@/context/LicenseContext';
import { toast } from '@/components/ui/toast-store'; import { toast } from '@/components/ui/toast-store';
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
import { FleetTabHeading, FleetEmptyState, FleetEmptyCard } from './fleet/FleetEmptyState'; import { FleetTabHeading, FleetEmptyState, FleetEmptyCard } from './fleet/FleetEmptyState';
// --- Types --- // --- Types ---
@@ -839,20 +840,26 @@ export default function FleetSnapshots() {
View View
</Button> </Button>
{isAdmin && cloudEnabled && !cloudSnapshotIds.has(snapshot.id) && ( {isAdmin && cloudEnabled && !cloudSnapshotIds.has(snapshot.id) && (
<Button <TooltipProvider>
variant="ghost" <Tooltip>
size="sm" <TooltipTrigger asChild>
className="h-7 px-2 text-xs" <Button
title="Upload to cloud" variant="ghost"
disabled={uploadingId === snapshot.id} size="sm"
onClick={() => handleCloudUpload(snapshot.id)} className="h-7 px-2 text-xs"
> disabled={uploadingId === snapshot.id}
{uploadingId === snapshot.id ? ( onClick={() => handleCloudUpload(snapshot.id)}
<Loader2 className="w-3.5 h-3.5 animate-spin" strokeWidth={1.5} /> >
) : ( {uploadingId === snapshot.id ? (
<CloudUpload className="w-3.5 h-3.5" strokeWidth={1.5} /> <Loader2 className="w-3.5 h-3.5 animate-spin" strokeWidth={1.5} />
)} ) : (
</Button> <CloudUpload className="w-3.5 h-3.5" strokeWidth={1.5} />
)}
</Button>
</TooltipTrigger>
<TooltipContent>Upload to cloud</TooltipContent>
</Tooltip>
</TooltipProvider>
)} )}
{isAdmin && ( {isAdmin && (
<Button <Button