danvics/zerobyte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix: make retention badge clickable for mobile devices

Browse source
This commit is contained in:
Nicolas Meienberger 2026-02-09 17:37:30 +01:00
parent 81d3a76518
commit 7ae16690f9
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/client/components/retention-category-badges.tsx
View file

@ -1,3 +1,4 @@
import { useState } from "react";
import { cn } from "~/client/lib/utils";
import { HoverCard, HoverCardContent, HoverCardTrigger } from "./ui/hover-card";
@ -38,6 +39,8 @@ function Badge({ category }: { category: string }) {
}
export function RetentionCategoryBadges({ categories, className }: RetentionCategoryBadgesProps) {
const [open, setOpen] = useState(false);
if (categories.length === 0) {
return null;
}
@ -63,12 +66,13 @@ export function RetentionCategoryBadges({ categories, className }: RetentionCate
}
return (
<HoverCard>
<HoverCard open={open} onOpenChange={setOpen}>
<HoverCardTrigger asChild>
<button
type="button"
className={cn("cursor-pointer bg-transparent p-0 border-0", className)}
aria-label={`View ${categories.length} retention categories`}
onClick={() => setOpen(true)}
>
<Badge category={`${categories.length} tags`} />
</button>