matt/dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add name tooltip

Browse Source
This commit is contained in:
Matt
2024-12-21 19:07:15 -05:00
parent 81a62505b6
commit 1cf33bf084
1 changed files with 23 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
dashboard/src/components/dashboard/ProductGrid.jsx
View File

@@ -23,6 +23,12 @@ import { Button } from "@/components/ui/button";
import { TIME_RANGES } from "@/lib/constants";
import { cn } from "@/lib/utils";
import { Skeleton } from "@/components/ui/skeleton";
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip";
const ProductGrid = ({
timeRange = "today",
@@ -289,14 +295,23 @@ const ProductGrid = ({
</td>
<td className="p-1 align-middle min-w-[200px]">
<div className="flex flex-col min-w-0">
<a
href={`https://backend.acherryontop.com/product/${product.id}`}
target="_blank"
rel="noopener noreferrer"
className="text-sm hover:underline line-clamp-2 text-gray-900 dark:text-gray-100"
>
{product.name}
</a>
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<a
href={`https://backend.acherryontop.com/product/${product.id}`}
target="_blank"
rel="noopener noreferrer"
className="text-sm hover:underline line-clamp-2 text-gray-900 dark:text-gray-100"
>
{product.name}
</a>
</TooltipTrigger>
<TooltipContent side="top" className="max-w-[300px]">
<p>{product.name}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
</td>
<td className="p-1 align-middle text-center text-sm font-medium">