fix: hoist TooltipProvider to app root, remove per-component instances

This commit is contained in:
2026-07-10 00:25:04 +02:00
parent 5d4622e046
commit 306f4489fd
4 changed files with 47 additions and 60 deletions

View File

@@ -1,11 +1,6 @@
import { useTranslation } from "react-i18next"
import { Button } from "@/components/ui/button"
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip"
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
import { cn } from "@/lib/utils"
import { WATCH_MEDIUMS } from "@/lib/watch-mediums"
@@ -22,15 +17,13 @@ export function WatchMediumBadge({ medium, className }: WatchMediumBadgeProps) {
const Icon = entry.icon
return (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button type="button" variant="ghost" size="icon" className={cn("size-6", className)} aria-label={t(entry.labelKey)}>
<Icon className="size-3.5 text-muted-foreground" />
</Button>
</TooltipTrigger>
<TooltipContent>{t(entry.labelKey)}</TooltipContent>
</Tooltip>
</TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button type="button" variant="ghost" size="icon" className={cn("size-6", className)} aria-label={t(entry.labelKey)}>
<Icon className="size-3.5 text-muted-foreground" />
</Button>
</TooltipTrigger>
<TooltipContent>{t(entry.labelKey)}</TooltipContent>
</Tooltip>
)
}