Fascinated/scoresaber-reloadedv3
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Activity

maybe fix tooltip on mobile?
Some checks failed
Deploy Website / docker (ubuntu-latest) (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Lee 2024-10-23 16:22:41 +01:00
parent 55b9f0e4ef
commit 56b2f272b9
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
projects/website/src/components/tooltip.tsx
View File

@ -3,6 +3,7 @@
import { Tooltip as ShadCnTooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip"; import { Tooltip as ShadCnTooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
import { useState } from "react"; import { useState } from "react";
import { cn } from "@/common/utils"; import { cn } from "@/common/utils";
import { useDebounce } from "@uidotdev/usehooks";
type Props = { type Props = {
/** /**
@ -33,9 +34,10 @@ type Props = {
export default function Tooltip({ children, display, asChild = true, side = "top", className }: Props) { export default function Tooltip({ children, display, asChild = true, side = "top", className }: Props) {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const openDebounce = useDebounce(open, 100);
return ( return (
<ShadCnTooltip> <ShadCnTooltip open={openDebounce}>
<TooltipTrigger className={className} asChild={asChild}> <TooltipTrigger className={className} asChild={asChild}>
<div <div
className={cn("cursor-default", className)} className={cn("cursor-default", className)}