| 1 | import { Tooltip, TooltipPopup, TooltipTrigger } from "~/components/ui/tooltip"; |
| 2 | import { cn } from "~/lib/utils"; |
| 3 | |
| 4 | export function StartTruncatedPath({ path, className }: { path: string; className?: string }) { |
| 5 | return ( |
| 6 | <Tooltip> |
| 7 | <TooltipTrigger |
| 8 | render={ |
| 9 | <span |
| 10 | className={cn( |
| 11 | "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-left", |
| 12 | className, |
| 13 | )} |
| 14 | dir="rtl" |
| 15 | /> |
| 16 | } |
| 17 | > |
| 18 | <bdi>{path}</bdi> |
| 19 | </TooltipTrigger> |
| 20 | <TooltipPopup side="top" variant="code"> |
| 21 | {path} |
| 22 | </TooltipPopup> |
| 23 | </Tooltip> |
| 24 | ); |
| 25 | } |